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

HTML DOM संग्रहण निकालेंआइटम () विधि

<घंटा/>

HTML DOM स्टोरेज रिमूव इटैम () विधि का उपयोग किसी दिए गए कुंजी नाम को पास करके स्टोरेज ऑब्जेक्ट आइटम को हटाने के लिए किया जाता है।

सिंटैक्स

स्टोरेज रिमूवल () मेथड का सिंटैक्स निम्नलिखित है -

localStorage.removeItem(keyname);

या

sessionStorage.removeItem(keyname);

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

उदाहरण

आइए हम स्टोरेज रिमूव इटैम () विधि के उदाहरण को देखें -

<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">Storage removeItem() method example</h1>
<p>Delete the localstorage item by clicking the below button</p>
<button onclick="itemDelete>REMOVE</button>
<p>Display the localstorage item by clicking the below button</p>
<button onclick="itemShow>DISPLAY</button>
<p id="Sample"></p>
<script>
   localStorage.setItem("TEXT1","HELLO WORLD");
   function itemDelete() {
      localStorage.removeItem("TEXT1");
      itemShow();
   }
   function itemShow() {
      var x = localStorage.getItem("TEXT1");
      document.getElementById("Sample").innerHTML ="The 'TEXT1' key value is "+x;
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

HTML DOM संग्रहण निकालेंआइटम () विधि

DISPLAY बटन पर क्लिक करने पर -

HTML DOM संग्रहण निकालेंआइटम () विधि

रिमूव बटन पर क्लिक करने पर -

HTML DOM संग्रहण निकालेंआइटम () विधि


  1. HTML DOM संग्रहण कुंजी () विधि

    HTML DOM स्टोरेज की () मेथड का इस्तेमाल स्टोरेज ऑब्जेक्ट में दिए गए इंडेक्स पर की नेम को वापस करने के लिए किया जाता है। सूचकांक को कुंजी () विधि के पैरामीटर के रूप में पारित किया जाता है। स्टोरेज ऑब्जेक्ट सेशन ऑब्जेक्ट या लोकलस्टोरेज ऑब्जेक्ट हो सकता है। सिंटैक्स − . के लिए वाक्य रचना निम्नलिखित है

  1. HTML DOM स्टोरेज getItem () मेथड

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

  1. एचटीएमएल डोम स्टोरेज इवेंट

    HTML DOM स्टोरेज इवेंट तब ट्रिगर होता है जब विंडो के स्टोरेज एरिया में कोई बदलाव होता है। स्टोरेज इवेंट तभी ट्रिगर होता है जब दूसरी विंडो विंडो के लिए स्टोरेज एरिया को बदल देती है। यह इवेंट बबल नहीं करता है और रद्द भी किया जा सकता है। सिंटैक्स − . के लिए वाक्य रचना निम्नलिखित है window.addEventList