HTML | DOM Storage setItem() Method
The setItem() method is used to set the storage object item which is specified by the user. This storage object can be a localStorage object or sessionStorage object.
Syntax: For local storage:
localStorage.setItem(keyname, value)
For session storage:
sessionStorage.setItem(keyname, value)
Parameters: Two parameters are required :-
- Keyname: It specifies the name of the key used for getting the value.
- value: It specifies the value which replaces the old value.
Return Value: A String, representing the inserted value.
Example:
html
<!DOCTYPE html> < html > < head > <!--script for creating new local storage item and retrieve it --> < script > // Set item in local storage. function createItem() { localStorage.setItem("city", "Gwalior"); } function myFunction() { var x = localStorage.getItem("city"); document.getElementById("demo").innerHTML = x; } </ script > </ head > < body > < h1 >Welcome to w3wiki</ h1 > < h3 >The Storage setItem() Method</ h3 > < p >Click on button to create a local storage item </ p > < button onclick="createItem()"> Create local storage item </ button > < p >Click the button to get the item value:</ p > < button onclick="myFunction()"> Get the item value </ button > < p id="demo"></ p > </ body > </ html > |
Output:
Before:
After:
Supported Browsers: The browser supported by DOM setItem() Method 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