HTML DOM 教程
认识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。
本教程包含:
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 教程》
《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上学习: