Aquileo | HTML | DOM Storage key() Method

The DOM Storage key() Method is related to the Storage object and is used to return the name of the key with the specified index. Storage object can be either a localStorage or sessionStorage Object.

Syntax:

Local storage:

localStorage.key(index)

Session storage:

sessionStorage.key(index)

Parameters: It accepts a parameter i.e. index to get the name of the key with that particular given index.

Return Values: It returns the name of the key in the form of the string.

Below is the HTML code to show the working of HTML DOM Storage key() Object:
Example:

HTML

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        HTML DOM Storage key() Method 
    </title> 
    <!-- Script to get the name of the key -->
    <script> 
        function myGeeks() { 
            var key = localStorage.key(0); 
            document.getElementById( 
            "geeks").innerHTML = key; 
        } 
    </script> 
</head> 

<body> 
    <h1>GeeksForGeeks</h1> 
    <h2>DOM Storage key() Method</h2> 
    <br> 
    <button onclick="myGeeks()"> 
        Submit 
    </button> 
    <p id="geeks"></p>
 
</body> 
</html>

Output:

Before Click:

After Click:

Supported Browsers: The browser supported by DOM Storage key() Method are listed below:

Google Chrome 4
Edge 12
Internet Explorer 8
Firefox 3.5
Opera 10.5
Safari 4

HTML | DOM Storage key() Method

Explore