DHTML DOM(Document Object Model)

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


实例

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

如何访问一个元素并改变它的样式。

如何访问一个图像元素并修改 src 属性。

如何访问并修改一个元素的内容。


如何访问一个元素?

元素必须拥有被定义的 id 属性,且需要一段脚本语言。JavaScript 是浏览器兼容性最好的脚本语言,所以我们使用 JavaScript。

  1. <html>
  2. <body>
  3. <h2 id="header">My header</h2>
  4. <script type="text/javascript">
  5. document.getElementById('header').style.color="red"
  6. </script>
  7. </body>
  8. </html>

这段脚本可改变标题元素的颜色,并生成输出。

My header