Open In App
Related Articles

HTML | DOM Storage getItem() Method

Improve Article
Improve
Save Article
Save
Like Article
Like

The getItem() method is used to retrieve the storage object which is specified by the user. This storage object can be localStorage object or sessionStorage object. Syntax:Parameters: It requires Keyname which specifies name of the key used for getting the value. 

Return Value: A String, representing the value of the specified key. 

Example: Get item from local storage. 

html




<!DOCTYPE html>
<html>
 
<head>
    <!--script for creating new local
      storage item and retrieve it -->
    <script>
        function createItem() {
            localStorage.name = "GeeksforGeeks";
        }
 
        function myFunction() {
 
            // get name of item from local storage.
            var x = localStorage.getItem("name");
            document.getElementById("demo").innerHTML =
                x;
        }
    </script>
</head>
 
<body>
    <h1>Welcome to GeeksforGeeks</h1>
    <h3>The Storage getItem() 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 getItem() 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
Similar Reads
Related Tutorials