Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Storage getItem() मेथड

HTML DOM Storage getItem() मेथड का उपयोग दिए गए की नाम को पास करके एक स्टोरेज ऑब्जेक्ट प्राप्त करने के लिए किया जाता है। यह की के मान को वापस करेगा और यदि उस दिए गए नाम की कोई की नहीं है तो NULL वापस किया जाएगा।

सिंटैक्स

Storage getItem() मेथड का सिंटैक्स:

localStorage.getItem(keyname);

या

sessionStorage.getItem(keyname);

यहां, keyname स्ट्रिंग प्रकार का है और प्राप्त किए जाने वाले आइटम के नाम को दर्शाता है।

उदाहरण

HTML DOM Storage getItem() मेथड का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1 style="text-align:center">Storage getItem() method example</h1> 
<p>CREATE बटन पर क्लिक करके CLICKS नाम से एक localStorage आइटम बनाएं जो CREATE बटन पर क्लिक की संख्या गिनता है</p> 
<button onclick="createItem()">CREATE</button> 
<p>नीचे दिए गए बटन पर क्लिक करके CLICKS आइटम मान प्राप्त करें</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.setItem("visits", y); 
    y++; 
  } 
  function showItem() { 
    var x = localStorage.getItem("visits"); 
    document.getElementById("Sample").innerHTML = "The total no. of clicks are: " + x; 
  } 
</script> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

HTML DOM Storage getItem() मेथड

CREATE बटन पर क्लिक करने पर:

HTML DOM Storage getItem() मेथड

"Display" बटन पर क्लिक करने पर:

HTML DOM Storage getItem() मेथड

  1. HTML DOM Storage setItem() मेथड HTML DOM Storage setItem() मेथड

    HTML DOM Storage setItem() मेथड का उपयोग एक स्टोरेज ऑब्जेक्ट आइटम को दिए गए की नाम और मान पास करके बनाने या अपडेट करने के लिए किया जाता है। सिंटैक्स Storage setItem() मेथड का सिंटैक्स: localStorage.setItem(keyname, value); या sessionStorage.setItem(keyname, value); यहां, keyname स्ट्रिंग प्रकार का

  1. HTML DOM Storage removeItem() मेथड HTML DOM Storage removeItem() मेथड

    HTML DOM Storage removeItem() मेथड का उपयोग दिए गए की नाम को पास करके एक स्टोरेज ऑब्जेक्ट आइटम को हटाने के लिए किया जाता है। सिंटैक्स Storage removeItem() मेथड का सिंटैक्स: localStorage.removeItem(keyname); या sessionStorage.removeItem(keyname); यहां, keyname स्ट्रिंग प्रकार का है और हटाए जाने वाले

  1. HTML DOM Storage key() मेथड HTML DOM Storage key() मेथड

    HTML DOM Storage key() मेथड का उपयोग स्टोरेज ऑब्जेक्ट में दिए गए इंडेक्स पर की नाम को वापस करने के लिए किया जाता है। इंडेक्स को key() मेथड के पैरामीटर के रूप में पास किया जाता है। स्टोरेज ऑब्जेक्ट सेशन ऑब्जेक्ट या localStorage ऑब्जेक्ट हो सकता है। सिंटैक्स LocalStorage का उपयोग करके Storage key() म