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