Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Storage removeItem() Method

  • Last Updated : 12 Apr, 2021

The DOM Storage removeItem() Method is related to the Storage object and is used to remove the specified storage object item. Storage object can be either a localStorage or sessionStorage Object.
Syntax: 
 

  • Local Storage Remove Item: 
     
localStorage.key(keyname)
  • Session Storage Remove Item: 
     
sessionStorage.key(keyname)

Parameters: It accepts a required parameter keyname i.e. name of the item to the removed.
Return Values: It doesn’t return any value.
Below is the HTML code to show the working of HTML DOM Storage removeItem() Object: 
Example-1: 
 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Storage removeItem() Method
    </title>
        <!-- Script to get the name of the key -->
    <script>
        function myGeeks() {
             
        // Storing key present at 0th index
        var key = localStorage.key(0);
         
        // Removing key at 0th index
        localStorage.removeItem(key);
         
        // Printing key at 0th index
        var key2 = localStorage.key(0);
                 
        document.getElementById("geeks").innerHTML =
        "Previous value at 0th index was " + key + "<br>"
        + "Current value at 0th index is " + key2;
        }
    </script>
</head>
 
<body>
    <h1>GeeksForGeeks</h1></b>
    <h2 >DOM Storage removeItem() Method</h2>
 
    <button onclick="myGeeks()">
        Submit
    </button>
 
    <p id="geeks"></p>
  
</body>
 
</html>                   

Output: 
 

  • Before Click: 
     

  • After Click: 
     



Below is the HTML code to show the working of HTML DOM Storage removeItem() Object: 
Example-2: Session item. 
 

a

HTML




<!DOCTYPE html>
<html>
 
<body>
 
    <h1 style="color: green;">
      Geeks for Geeks</h1>
 
    <h2>Storage removeItem() Method</h2>
 
     
<p>Display Session Item</p>
 
 
    <button onclick="displayItem()">Display</button>
 
     
<p>Delete Session Item:</p>
 
 
    <button onclick="deleteItem()">Delete</button>
 
    <p id="try"></p>
 
 
    <script>
        // set item.
        sessionStorage.setItem(
          "gfg", "I am created");
 
        function deleteItem() {
            // Remove item.
            sessionStorage.removeItem("gfg");
        }
 
        function displayItem() {
            //  Display item.
            var remove_item =
                sessionStorage.getItem("gfg");
           
            document.getElementById(
              "try").innerHTML = remove_item;
        }
    </script>
</body>
 
</html>

Output: 
 

  • Before Click: 
     

  • After Click: 
     

Supported Browsers: The browser supported by DOM Storage removeItem() are listed below:
 

  • Google Chrome 4
  • Internet Explorer 8
  • Firefox 3.5
  • Opera 10.5
  • Safari 4

 

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :