Aquileo | HTML | DOM Storage removeItem() Method

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

HTML | DOM Storage removeItem() Method

Explore