Eliminar un elemento de Local Storage en HTML5

01/Nov/2010 HTML5 4 Comentarios
Ejemplos de Artículos sobre HTML5

Hemos accedido al Local Storage, listado todo el contenido y borrado por completo la Local Storage en HTML5. Pero ¿cómo podemos eliminar un elemento de Local Storage?

El procedimiento es sencillo… pero vamos por pasos. Lo primero es insertar un elemento dentro de Local Storage. Eso sí. siempre comprobando primero que nuestro navegador utiliza la Local Storage.

if (localStorage)  {
  localStorage["n1"] = "Victor";
  localStorage["n2"] = "Juan";
}

Para eliminar un elemento de Local Storage lo que tenemos que hacer es utilizar el método .removeItem(). Este método recibirá como parámetro la clave utilizada en la inserción. En este caso, si queremos eliminar lo dos elementos insertados anteriormente lo haremos de la siguiente forma:

if (localStorage)  {
  localStorage.removeItem("n1");
  localStorage.removeItem("n2");
}

Un procedimiento muy sencillo.

4 comentarios en “Eliminar un elemento de Local Storage en HTML5”

Víctor Cuervo

Nestor Alejandro

Información muy útil fácil de entender…
gracias…. :)

Víctor Cuervo

Víctor Cuervo

Nestor. Nos alegra que te haya sido de utilidad. Gracias.

Víctor Cuervo

Fitosis

Y que pasa si fuera:
localStorage[«n1»] = «Victor», «Nombre2», «nombre3» ;
Y quiero eliminar Nombre2

Víctor Cuervo

Víctor Cuervo

Tendrías que que convertir la cadena en un array y eliminar un elemento.

¿Te cuadraría?

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*