文档对象模型简介|基于JavaScript的网页编程

文档对象模型（document Object Model，简称为DOM），最初是W3C为了解决不同浏览器环境之间的差别而制定的模型标准，主要是针对当时的两种主流的浏览器：IE和Netscape Navigator。W3C解释为：“文档对象模型（DOM）是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的语言平台，提供了标准的HTML和XML对象集，并有一个标准的接口来访问并操作它们。”DOM标准推出之后，在支持DOM的浏览器环境中，Web开发人员可以很快捷、安全地创建各种多样化和功能强大的Web应用程序。文档对象模型采用层次化的树形结构，以树节点的方式表示文档中的各种内容。

这里以一个简单的HTML文档说明，HTML代码如下：

在DOM模型中，浏览器载入这个HTML文档时，它以树的形式对这个文档进行描述，其中HTML的每个标记都作为一个对象进行相关操作。

DOM的模型层次结构如图5.1所示。

(www.xing528.com)

图5.1　文档的层次结构

从图5.1中可以看出，整个文档就是一个文档节点。html为根元素对象，可代表整个

文档。head和body两个分支，位于同一层次，为兄弟关系，存在同一父元素对象，但又有各自的子元素对象。而每一个HMTL标签都是一个元素节点，标签中的文字则是文字节点，标签的属性是属性节点。

每一个HTML元素都可以使用DOM动态访问和控制。W3C的文档对象模型（DOM）提供了与平台和语言无关的接口和对象，允许程序动态操作访问网页内容、结构以及文档样式。文档对象模型（DOM）是合法HTML的应用程序开发接口（API）。

所有HTML对象及其属性都可以通过DOM树进行访问。例如，页面中命名为“form1”的表单可以通过document.form1引用。