DHTML DOM(दस्तावेज़ ऑब्जैक्ट मॉडल)

DOM (दस्तावेज़ ऑब्जैक्ट मॉडल) हमें एक दस्तावेज़ के हर एलिमेंट तक पहुंचने की क्षमता देता है。

उदाहरण

टिप्पणी:अधिकांश DHTML उदाहरणों के लिए IE 4.0+、Netscape 7+ या Opera 7+ की आवश्यकता है!

एलिमेंट अधिग्रहण
कैसे एक एलिमेंट तक पहुंचा जाता है और इसकी स्टाइल को बदला जाता है。
अटीब्यूट परिवर्तन
कैसे एक इमेज एलिमेंट तक पहुंचा जाता है और "src" अटीब्यूट को संशोधित किया जाता है。
innerHTML
कैसे एक एलिमेंट तक पहुंचा जाता है और इसकी सामग्री को संशोधित किया जाता है?

कैसे एक एलिमेंट तक पहुंचा जाता है?

एलिमेंट को निर्दिष्ट आइडी अटीब्यूट होना चाहिए और एक स्क्रिप्ट भाषा की आवश्यकता है।JavaScript ब्राउज़र संयोजन सबसे अच्छा है, इसलिए हम JavaScript का उपयोग करते हैं।

<html>
<body>
<h1 id="header">My header</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>

यह स्क्रिप्ट शीर्षक एलिमेंट का रंग बदल सकता है और आउटपुट बना सकता है。

मेरा हेडर