DHTML DOM（Document Object Model）

w3school 在线教程

## DHTML 教程

- DHTML 教程
- DHTML 简介
- DHTML CSS
- DHTML DOM
- DHTML 事件
- DHTML 总结

## DHTML DOM

- DOM 参考手册

## DHTML 实例

- DHTML 实例
- DOM 实例

## 建站手册

- 网站构建
- 万维网联盟 (W3C)
- 浏览器信息
- 网站品质
- 语义网
- 职业规划
- 网站主机

## 关于 W3School

## 帮助 W3School

## 广告刊例

# DHTML DOM（Document Object Model）

- DHTML CSS
- DHTML 事件

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>

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

    My header

- DHTML CSS
- DHTML 事件