HTML | DOM Storage getItem() Method

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

HTML | DOM Storage getItem() Method

Explore