HTML | Método clear() de almacenamiento local DOM

El método clear() elimina todos los elementos de objetos de almacenamiento del dominio actual. Sintaxis:

localStorage.clear()

Valores de propiedad: Sin valores de propiedad Ejemplo: Establecer elemento, borrar y mostrar para el dominio actual. 

html

<!DOCTYPE html>
<html>
 
<head>
    <style>
        body {
            text-align: center;
        }
         
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
 
    <h2>HTML DOM Storage clear() Method</h2>
 
    <p>
      Example to demonstrate the use of storage
      clear() method to delete all the local
      storage items for this domain.
    </p>
 
    <p>
      Script to create some local storage items.
      Click the button to create the items:
    </p>
 
    <button onclick="createItems()">
        Create local storage items
    </button>
 
    <h2>Display Items</h2>
 
    <p>
      Click the button to display all the items:
    </p>
 
    <button onclick="displayItems()">
      Display items
    </button>
    <p id="demo"></p>
 
    <h2>Remove Items</h2>
 
    <p>
      Click the button to clear the storage:
    </p>
 
    <button onclick="deleteItems()">
      Clear
    </button>
 
    <h2>Display Items Again</h2>
 
    <p>
      Click the button to display all the items:
    </p>
 
    <button onclick="displayItems()">
      Display again
    </button>
    <p id="demo"></p>
 
    <script>
        function createItems() {
 
            // Set item in local storage.
            localStorage.setItem("GeeksForGeeks", "");
            localStorage.setItem("HTML DOM", "");
            localStorage.setItem("Storage Clear() Method", "");
        }
 
        function deleteItems() {
            // Clear local storage items.
            localStorage.clear();
        }
 
        function displayItems() {
            var l, i;
            // Display items.
            document.getElementById("demo").innerHTML = "";
            for (i = 0; i < localStorage.length; i++) {
                x = localStorage.key(i);
                document.getElementById("demo").innerHTML += x;
            }
        }
    </script>
 
</body>
 
</html>

Salida: navegadores compatibles: los navegadores compatibles con DOM Local Storage clear() se enumeran a continuación:

  • Google Chrome 4.0
  • Internet Explorer 8.0
  • MozillaFirefox 3.5
  • Ópera 10.5
  • Safari 4.0

Publicación traducida automáticamente

Artículo escrito por apeksharustagi1998 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 *