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:

<!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: Sessioin item.

<!DOCTYPE html> 
<html> 
  
<body> 
  
    <h1 style="color: green;"> 
      bGeeks 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

My Personal Notes

Recommended Posts: