El método DOM Storage removeItem() está relacionado con el objeto de almacenamiento y se utiliza para eliminar el elemento del objeto de almacenamiento especificado. El objeto de almacenamiento puede ser localStorage o sessionStorage Object.
Sintaxis:
- Elemento de eliminación de almacenamiento local:
localStorage.key(keyname)
- Elemento de eliminación de almacenamiento de sesión:
sessionStorage.key(keyname)
Parámetros: Acepta un parámetro requerido keyname , es decir, el nombre del elemento a eliminar.
Valores devueltos: No devuelve ningún valor.
A continuación se muestra el código HTML para mostrar el funcionamiento de HTML DOM Storage removeItem() Objeto:
Ejemplo-1:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Storage removeItem() Method
</title>
<!-- Script to get the name of the key -->
<script>
function myGeeks() {
// Storing key present at 0th index
var key = localStorage.key(0);
// Removing key at 0th index
localStorage.removeItem(key);
// Printing key at 0th index
var key2 = localStorage.key(0);
document.getElementById("geeks").innerHTML =
"Previous value at 0th index was " + key + "<br>"
+ "Current value at 0th index is " + key2;
}
</script>
</head>
<body>
<h1>GeeksForGeeks</h1></b>
<h2 >DOM Storage removeItem() Method</h2>
<button onclick="myGeeks()">
Submit
</button>
<p id="geeks"></p>
</body>
</html>
Producción:
- Antes de hacer clic:
- Después de hacer clic:
A continuación se muestra el código HTML para mostrar el funcionamiento de HTML DOM Storage removeItem() Objeto:
Ejemplo-2: Elemento de sesión.
a
HTML
<!DOCTYPE html>
<html>
<body>
<h1 style="color: green;">
Geeks for Geeks</h1>
<h2>Storage removeItem() Method</h2>
<p>Display Session Item</p>
<button onclick="displayItem()">Display</button>
<p>Delete Session Item:</p>
<button onclick="deleteItem()">Delete</button>
<p id="try"></p>
<script>
// set item.
sessionStorage.setItem(
"gfg", "I am created");
function deleteItem() {
// Remove item.
sessionStorage.removeItem("gfg");
}
function displayItem() {
// Display item.
var remove_item =
sessionStorage.getItem("gfg");
document.getElementById(
"try").innerHTML = remove_item;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic:
- Después de hacer clic:
Navegadores compatibles: los navegadores compatibles con DOM Storage removeItem() se enumeran a continuación:
- Google cromo 4
- explorador de Internet 8
- Firefox 3.5
- Ópera 10.5
- Safari 4