HTML | Método getItem() de almacenamiento DOM

El método getItem() se utiliza para recuperar el objeto de almacenamiento especificado por el usuario. Este objeto de almacenamiento puede ser un objeto localStorage o un objeto sessionStorage . Sintaxis: Parámetros: Requiere Keyname que especifica el nombre de la clave utilizada para obtener el valor. 

Valor de retorno: una string que representa el valor de la clave especificada. 

Ejemplo: Obtener artículo del almacenamiento local. 

html

<!DOCTYPE html>
<html>
 
<head>
    <!--script for creating new local
      storage item and retrieve it -->
    <script>
        function createItem() {
            localStorage.name = "GeeksforGeeks";
        }
 
        function myFunction() {
 
            // get name of item from local storage.
            var x = localStorage.getItem("name");
            document.getElementById("demo").innerHTML =
                x;
        }
    </script>
</head>
 
<body>
    <h1>Welcome to GeeksforGeeks</h1>
    <h3>The Storage getItem() 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 getItem() 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 *