第18讲 文档对象模型.pdfVIP

第 18 章 文档对象模型 文档对象模型（Document Object Model ，DOM ）是用来表示文档和访问、操作构成文 档的元素的应用程序接口（API ）。 18.1 DOM 的介绍 DOM 是由World Wide Web （W3C ）委员会所定义的标准文档对象模型，该模型是一 个能够让程序或脚本动态访问和更新文档内容、结构和样式的应用程序接口。 18.1.1 DOM 介绍 DOM 可以分为不同的部分和不同的版本。其中，DOM 的核心部分包括 XML 和 HTML 两部分，DOM 提供了标准的HTML 和XML 对象集，并且还提供了一个标准的接 口来访问和操作这些对象集。在本章中，主要介绍的是HTML 的DOM 。DOM 的版本可以 分为DOM1 、DOM2 和DOM3 。 W3C 早在 1998 年就已经完成了DOM1 的标准化。DOM1 定义了DOM 的核心接 口，如Attr 、Document 、Element 、Node 等，另外，还定义了各种HTML 的专用 接口。 W3C 在2000 年完成了DOM2 的标准化。DOM2 在DOM1 的基础上对核心接口进 行了升级，并且提供了处理文档范围的新工具。 目前最新的DOM 为DOM3 。DOM3 在DOM2 的基础上又添加了很多新属性，如 DOM 键、重命名节点、将节点从一个文档移到另一个文档、比较节点、处理文本、 使用数据等。这些新属性可以使文档的一些常用的操作执行起来更加容易和方便， 也使以前一些无法处理的任务变成了可能。DOM3 还支持一些最新标准，如XML 的命名空间、信息集以及XML Schema 等。 注意：DOM 是独立于平台而存在的，因此，可以被任何程序语言所使用，如 Java 、 JavaScript 、VBScript 等。在本章中，使用的是JavaScript 语言。 18.1.2 树形结构 在DOM 中，将HTML 文档的层次结构看成是树形结构。HTML 文本中的标签和标签 JavaScript 开发技术大全 中的内容都可以看成是树的节点。假设有HTML 文档的内容如代码清单18-1 所示： 代码清单 18-1 HTML 文档 html head titleDOM/title meta http-equiv=content-type content=text/html;charset=gb2312 /head body p请先登录/p form name=myForm 姓名：input type=text name=myName 密码：input type=password name=myPassword input type=button value=确定 /form /body /html 上述代码为光盘目录里“代码\第 18 章\sample01.htm ”的内容。图 18-1 为 sample01. htm 的DOM 树型结构示意图。 图18-1 Sample01.htm 的DOM 示意图 18.2 节 点 在图18-1 中，每一个方块都代表着DOM 中的一个节点（Node ）。DOM 树形结构图是 ·704 · 第18 章 文档对象模型