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