W3C DOM मेथड से डॉक्यूमेंट प्रॉपर्टीज कैसे एक्सेस करें?

W3C DOM का उपयोग करके डॉक्यूमेंट प्रॉपर्टीज एक्सेस करना

IE4 डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) माइक्रोसॉफ्ट के इंटरनेट एक्सप्लोरर ब्राउज़र के संस्करण 4 में पेश किया गया था। IE 5 और बाद के संस्करणों में अधिकांश बुनियादी W3C DOM फीचर्स का समर्थन शामिल है।

उदाहरण

W3C DOM मेथड का उपयोग करके डॉक्यूमेंट प्रॉपर्टीज एक्सेस करने के लिए निम्न कोड चलाएं:

<html>
  <head>
    <title>डॉक्यूमेंट टाइटल</title>
    <script type="text/javascript">
      <!--
      function myFunc() {
        var ret = document.getElementsByTagName("title");
        alert("डॉक्यूमेंट टाइटल: " + ret[0].text);
        var ret = document.getElementById("heading");
        alert(ret.innerHTML);
      }
      //-->
    </script>
  </head>
  <body>
    <h1 id="heading">यह मुख्य शीर्षक है</h1>
    <p>परिणाम देखने के लिए निम्न पर क्लिक करें:</p>
    <form id="form1" name="FirstForm">
      <input type="button" value="क्लिक मी" onclick="myFunc();" />
      <input type="button" value="कैंसल">
    </form>
    <form id="form2" name="SecondForm">
      <input type="button" value="डोंट क्लिक मी"/>
    </form>
  </body>
</html>

मुख्य DOM मेथड्स

• document.getElementById(id) - आईडी द्वारा एलिमेंट प्राप्त करें
• document.getElementsByTagName(name) - टैग नाम द्वारा एलिमेंट्स प्राप्त करें
• document.getElementsByClassName(name) - क्लास नाम द्वारा एलिमेंट्स प्राप्त करें
• document.querySelector(selector) - CSS सेलेक्टर से पहला मैचिंग एलिमेंट
• document.querySelectorAll(selector) - CSS सेलेक्टर से सभी मैचिंग एलिमेंट्स

नोट

आधुनिक वेब विकास में W3C DOM मानक का उपयोग करें। लिगेसी IE-विशिष्ट DOM मेथड्स अब अप्रचलित हैं।