Skip to content
Related Articles

Related Articles

HTML | DOM Storage removeItem() Method

View Discussion
Improve Article
Save Article
  • Last Updated : 04 Aug, 2022
View Discussion
Improve Article
Save Article

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. 

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 and above
  • Edge 12 and above
  • Internet Explorer 8 and above
  • Firefox 3.5 and above
  • Opera 10.5 and above
  • Safari 4 and above

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!