जावास्क्रिप्ट में सामग्री को एक्सेस और संशोधित करने के लिए उपलब्ध विभिन्न प्रकार के DOM निम्नलिखित हैं -
- विरासत डोम - यह वह मॉडल है जिसे जावास्क्रिप्ट भाषा के शुरुआती संस्करणों में पेश किया गया था। यह सभी ब्राउज़रों द्वारा अच्छी तरह से समर्थित है, लेकिन दस्तावेज़ों के केवल कुछ प्रमुख भागों, जैसे प्रपत्र, प्रपत्र तत्वों और छवियों तक ही पहुँच की अनुमति देता है।
- W3C डोम - दस्तावेज़ ऑब्जेक्ट मॉडल सभी दस्तावेज़ सामग्री तक पहुँच और संशोधन की अनुमति देता है और इसे वर्ल्ड वाइड वेब कंसोर्टियम (W3C) द्वारा मानकीकृत किया गया है। यह मॉडल लगभग सभी आधुनिक ब्राउज़रों द्वारा समर्थित है।
- आईई4 डोम - दस्तावेज़ ऑब्जेक्ट मॉडल को माइक्रोसॉफ्ट के इंटरनेट एक्सप्लोरर ब्राउज़र के संस्करण 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>