Skip to content
Related Articles

Related Articles

HTML | DOM Storage removeItem() Method
  • Last Updated : 30 Jan, 2019

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:



filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>                    

chevron_right


Output:

  • Before Click:
  • After Click:

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

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


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

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :