El método setItem() se utiliza para establecer el elemento del objeto de almacenamiento especificado por el usuario. Este objeto de almacenamiento puede ser un objeto localStorage o un objeto sessionStorage.
Sintaxis: Para almacenamiento local:
localStorage.setItem(keyname, value)
Para el almacenamiento de sesiones:
sessionStorage.setItem(keyname, value)
Parámetros: Se requieren dos parámetros:-
- Keyname: Especifica el nombre de la clave utilizada para obtener el valor.
- valor: Especifica el valor que reemplaza al valor anterior.
Valor de retorno: una string que representa el valor insertado.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<!--script for creating new local
storage item and retrieve it -->
<script>
// Set item in local storage.
function createItem() {
localStorage.setItem("city", "Gwalior");
}
function myFunction() {
var x = localStorage.getItem("city");
document.getElementById("demo").innerHTML = x;
}
</script>
</head>
<body>
<h1>Welcome to GeeksforGeeks</h1>
<h3>The Storage setItem() Method</h3>
<p>Click on button to create a
local storage item </p>
<button onclick="createItem()">
Create local storage item
</button>
<p>Click the button to get the item value:</p>
<button onclick="myFunction()">
Get the item value
</button>
<p id="demo"></p>
</body>
</html>
Producción:
Antes:
Después:
Navegadores compatibles: los navegadores compatibles con el método DOM setItem() se enumeran a continuación:
- Google Chrome 4 y superior
- Borde 12 y superior
- Internet Explorer 8 y superior
- Firefox 3.5 y superior
- Ópera 10.5 y superior
- Safari 4 y superior
Publicación traducida automáticamente
Artículo escrito por ProgrammerAnvesh y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA