Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM Storage key() Method

Improve Article
Save Article
  • Last Updated : 04 Aug, 2022
Improve Article
Save Article

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
My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!