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 >
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