जावास्क्रिप्ट में कंटेंट एक्सेस और मॉडिफाई करने के लिए उपलब्ध DOM के विभिन्न प्रकार निम्नलिखित हैं:
- The Legacy DOM - यह वह मॉडल है जिसे जावास्क्रिप्ट भाषा के शुरुआती संस्करणों में पेश किया गया था। यह सभी ब्राउज़र्स द्वारा अच्छी तरह से सपोर्टेड है लेकिन केवल डॉक्यूमेंट्स के कुछ प्रमुख भागों तक पहुंच की अनुमति देता है, जैसे फॉर्म्स, फॉर्म एलिमेंट्स, और इमेजेस।
- The W3C DOM - डॉक्यूमेंट ऑब्जेक्ट मॉडल सभी डॉक्यूमेंट कंटेंट तक पहुंच और संशोधन की अनुमति देता है और वर्ल्ड वाइड वेब कंसोर्टियम (W3C) द्वारा मानकीकृत है। यह मॉडल लगभग सभी आधुनिक ब्राउज़र्स द्वारा सपोर्टेड है।
- The IE4 DOM - डॉक्यूमेंट ऑब्जेक्ट मॉडल माइक्रोसॉफ्ट के इंटरनेट एक्सप्लोरर ब्राउज़र के संस्करण 4 में पेश किया गया था। IE 5 और बाद के संस्करणों में अधिकांश बुनियादी W3C DOM फीचर्स के लिए सपोर्ट शामिल है।
उदाहरण
आइए W3C DOM मेथड का उपयोग करके डॉक्यूमेंट प्रॉपर्टीज़ एक्सेस करने का एक उदाहरण देखें।
<html> <head> <title> Document Title </title> <script type="text/javascript"> <!-- function myFunc() { var ret = document.getElementsByTagName("title"); alert("Document Title : " + ret[0].text ); var ret = document.getElementById("heading"); alert(ret.innerHTML ); } //--> </script> </head> <body> <h1 id = "heading">This is main title</h1> <p>Click the following to see the result:</p> <form id = "form1" name = "FirstForm"> <input type = "button" value = "Click Me" onclick = "myFunc();" /> <input type = "button" value = "Cancel"> </form> <form d = "form2" name = "SecondForm"> <input type = "button" value = "Don't ClickMe"/> </form> </body> </html>
