Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
HTML DOM Storage setItem() method
The HTML DOM Storage setItem() method is used for removing a storage object item by passing a given key name.
Syntax
Following is the syntax for Storage removeItem() method −
localStorage.removeItem(keyname,value);
OR
sessionStorage.removeItem(keyname,value );
Here, keyname is of type string and represents the key name used for getting the value. The second parameter value represents the new value that will replace the old value.
Example
Let us look at the example for the Storage setItem() method −
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">Storage setItem() method example</h1>
<p>Create the localstorage item by clicking the below button</p>
<button onclick="itemCreate()">CREATE</button>
<p>Display the localstorage item by clicking the below button</p>
<button onclick="itemShow()">DISPLAY</button>
<p id="Sample"></p>
<script>
function itemCreate() {
localStorage.setItem("TEXT1","HELLO WORLD");
document.getElementById("Sample").innerHTML ="The key-value pair has been created";
}
function itemShow() {
var s = localStorage.getItem("TEXT1");
document.getElementById("Sample").innerHTML ="The 'TEXT1' key value is "+s;
}
</script>
</body>
</html>Output
This will produce the following output −
On clicking the CREATE button −
On clicking the DISPLAY button −
Updated on: 19-Feb-2021
56 Views
Advertisements