DHTML DOM(డాక్యుమెంట్ ఓబ్జెక్ట్ మోడల్)

DOM (文档对象模型)是我们有能力访问一个文档中的每个元素。

实例

注释:大多数 DHTML 实例需要IE 4.0+、Netscape 7+ 或者 Opera 7+!

元素访问
ఒక అంశాన్ని ఎలా ప్రాప్తించి దాని స్టైల్ ను మార్చాలి.
అంశం మార్పు
ఒక చిత్ర అంశాన్ని ఎలా ప్రాప్తించి "src" అంశాన్ని మార్చాలి.
innerHTML
ఒక అంశాన్ని ఎలా ప్రాప్తించి మరియు దాని కంటెంట్ ను మార్చాలి.

ఒక అంశాన్ని ఎలా ప్రాప్తించాలి?

మేలు అనే అంశంకి నిర్వచించబడిన id అంశం ఉండాలి, మరియు స్క్రిప్ట్ భాషను అవసరం. JavaScript బ్రౌజర్ కంపాటిబిలిటీకి అత్యంత ఉత్తమ స్క్రిప్ట్ భాష, కాబట్టి మేము JavaScript ను ఉపయోగిస్తాము.

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

ఈ స్క్రిప్ట్ హెడర్ అంశం రంగును మారుస్తుంది మరియు అవుట్పుట్ ఉత్పత్తి చేస్తుంది.

మై హెడర్