HTML DOM 教程

阅读(485.9k) 收藏赞(425)

手册简介

HTML DOM 定义了访问和操作 HTML 文档的标准方法。 DOM 以树结构表达 HTML 文档。

手册说明

认识HTML DOM：

DOM是Document Object Model文档对象模型的缩写，是W3C组织推荐的处理可扩展标志语言的标准编程接口。根据W3C DOM规范，DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面中其他的标准组件。简单理解，DOM解决了Netscape的JavaScript和 Microsoft的JavaScript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对象。

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

HTML DOM 定义了访问和操作HTML文档的标准方法。

HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）。

教程结构概述：

本教程共由13个小节构成，详细讲述了HTML DOM的基础使用方法并附带了大量可在线试运行的实例辅助您的学习，让您轻松掌握HTML DOM。

本教程包含：

1、HTML DOM 教程

2、HTML DOM 简介

3、HTML DOM 节点

4、HTML DOM 方法

5、HTML DOM 属性

6、HTML DOM 访问

7、HTML DOM 修改

8、HTML DOM 修改 HTML 内容

9、HTML DOM 元素

10、HTML DOM 事件

11、HTML DOM 导航

12、HTML DOM 总结

13、DOM 实例

HTML DOM的发展及学习前的准备：

Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”，双方为在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，计有VBScript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。

在 1998 年，W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。所有的浏览器都执行了这个标准，因此，DOM 的兼容性问题也几乎难觅踪影了。

在您开始学习HTML DOM之前，您应该对以下知识有基本的了解：

《HTML 教程》

《JavaScript 教程》

《CSS 教程》

在本教程中，你将学习如何通过文档对象模型（DOM）更有效率地操作HTML，而无需DOM操作库的帮助。教程中的代码示例，用演示多种节点对象的工作方式，带你领略现代DOM理念。

HTML DOM的优缺点：

优点：

易用性强，使用DOM时，将把所有的XML文档信息都存于内存中，并且遍历简单，支持XPath，增强了易用性。

缺点：

效率低，解析速度慢，内存占用量过高，对于大文件来说几乎不可能使用。另外效率低还表现在大量的消耗时间，因为使用DOM进行解析时，将为文档的每个element、attribute、processing-instrUCtion和comment都创建一个对象，这样在DOM机制中所运用的大量对象的创建和销毁无疑会影响其效率。

相关网址：

HTML DOM 参考手册：http://www.w3cschool.cn/jsref/jsref-tutorial.html

W3C 中文网：http://www.chinaw3c.org/

W3C 官网：https://www.w3.org/

除了本教程，您还可以在w3cschool上学习：

《bootstrap 教程》

《XML DOM教程》