Open In App

HTML | DOM Storage setItem() Method

Improve
Improve
Like Article
Like
Save
Share
Report

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 GeeksforGeeks</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


Last Updated : 14 Jul, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads