Skip to content
Related Articles

Related Articles

HTML | DOM Storage getItem() Method
  • Last Updated : 26 Jul, 2019

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:

    For local storage:
    localStorage.getItem(keyname)

    For session storage:

    sessionStorage.getItem(keyname)

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.




<!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
  • Internet Explorer
  • Firefox
  • Opera
  • Safari
My Personal Notes arrow_drop_up
Recommended Articles
Page :