Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
HTML DOM Storage key() method
The HTML DOM Storage key() method is used for returning the key name at a given index in a storage object. The index is passed as a parameter to key() method. The storage object can be a session object or localStorage object.
Syntax
Following is the syntax for −
Storage key() method using localStorage −
localStorage.key(index);
Storage key() method using sessionStorage −
sessionStorage.key(index);
Here, index is of type integer representing the key number that you want to get the name for.
Example
Let us look at the example for the Storage key() method −
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">storage key() method example</h1>
<p>Get the first object key name by clicking on the below button</p>
<button onclick="keyName()">GET NAME</button>
<p id="Sample"></p>
<script>
function keyName() {
var k = localStorage.key(1);
document.getElementById("Sample").innerHTML ="The key name of the second
localStorage object is "+k;
}
</script>
</body>
</html>Output
This will produce the following output −
On clicking the GET NAME button −
Updated on: 20-Aug-2019
66 Views
Advertisements