HTML | Método setItem() de almacenamiento DOM

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *