HTML DOM स्टोरेज getItem () विधि का उपयोग किसी दिए गए कुंजी नाम को पास करके स्टोरेज ऑब्जेक्ट प्राप्त करने के लिए किया जाता है। यह कुंजी के मान लौटाएगा और यदि उस दिए गए नाम के साथ कोई कुंजी नहीं है तो NULL वापस कर दिया जाएगा।
सिंटैक्स
स्टोरेज getItem() मेथड का सिंटैक्स निम्नलिखित है -
localStorage.getItem(keyname);
या
sessionStorage.getItem(keyname);
यहाँ, keyname टाइप स्ट्रिंग का है और प्राप्त किए जाने वाले आइटम के नाम का प्रतिनिधित्व करता है।
उदाहरण
आइए HTML DOM स्टोरेज getItem() मेथड के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">Storage getItem() method example</h1>
<p>Create a localStorage item with the name CLICKS to count the number of clicks on the create button by clicking the below button</p>
<button onclick="createItem()">CREATE</button>
<p>Get the CLICKS item value by clicking the below button</p>
<button onclick="showItem()">Display</button>
<p id="Sample"></p>
<script>
var y=1;
function createItem() {
document.getElementById("Sample").innerHTML="localStorage Item has been created with name CLICKS";
localStorage.visits = y;
y++;
}
function showItem() {
var x = localStorage.getItem("visits");
document.getElementById("Sample").innerHTML = "The total no. of clicks are : "+x;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट बटन पर क्लिक करने पर -
"डिस्प्ले" बटन पर क्लिक करने पर -
