HTML DOM 教程

HTML DOM百科

DOM 指的是文档对象模型(DOM：Document Object Model)，根据W3C DOM规范(DOM 样式规范)，DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件。也就是说，DOM解决了Netscape的Javascript和 Microsoft IE的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

而HTML DOM指的是HTML的文档对象模型(HTML DOM：HTML Document Object Model的缩写)，即HTML DOM是专门适用于HTML/XHTML的文档对象模型。熟悉软件开发的人员可以将HTML DOM理解为网页的API。它将网页中的各个元素都看作一个个对象，从而使网页中的元素也可以被计算机语言获取或者编辑。 例如Javascript就可以利用HTML DOM动态的修改网页。

DOM是以层次结构组织的节点或信息片断的集合。这个层次结构允许开发人员在树中导航寻找特定信息。分析该结构通常需要加载整个文档和构造层次结构，然后才能做任何工作。由于它是基于信息层次的，因而 DOM 被认为是基于树或基于对象的。

HTML DOM树结构示意图

HTML/XHTML将数据组织成为一棵树，DOM通过解析XML文档，为XML文档在逻辑上建立一个树模型，树的节点是一个个的对象。这样通过操作这棵树和这些对象就可以完成对XML文档的操作，为处理文档的所有方面提供了一个完美的概念性框架。Document对象是对整个文档进行操作的入口。我们将在后面的章节HTML DOM节点树中详细介绍。下面是DOM树结构示意图：

学习HTML DOM的准备

在学习HTML DOM教程之前，你应该对以下知识有一个基本的了解：

• HTML / XHTML
• JavaScript

最好也能对CSS教程有所了解，如果你想学习这些课程，请到Web教程网首页寻找相关教程。

HTML DOM教程学习目录

我们将要学习的HTML DOM教程目录，请参考左侧的HTML DOM菜单。