Open In App

HTML | DOM Storage removeItem() Method

Last Updated : 04 Aug, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

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


Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads