javascript基础学习系列五百四十三：DOM2 和DOM3

本章内容
 DOM2 到DOM3 的变化
 操作样式的DOM API
 DOM 遍历与范围
DOM1（DOM Level 1）主要定义了HTML 和XML 文档的底层结构。DOM2（DOM Level 2）和
DOM3（DOM Level 3）在这些结构之上加入更多交互能力，提供了更高级的XML 特性。实际上，DOM2
和DOM3 是按照模块化的思路来制定标准的，每个模块之间有一定关联，但分别针对某个DOM子集。
这些模式如下所示。
 DOM Core：在DOM1 核心部分的基础上，为节点增加方法和属性。
 DOM Views：定义基于样式信息的不同视图。
 DOM Events：定义通过事件实现DOM文档交互。
 DOM Style：定义以编程方式访问和修改CSS 样式的接口。
 DOM Traversal and Range：新增遍历DOM文档及选择文档内容的接口。
 DOM HTML：在DOM1 HTML 部分的基础上，增加属性、方法和新接口。
 DOM Mutation Observers：定义基于DOM变化触发回调的接口。这个模块是DOM4 级模块，
用于取代Mutation Events。
DOM 的演进
DOM2 和DOM3 Core 模块的目标是扩展DOM API，满足XML 的所有需求并提供更好的错误处理
和特性检测。很大程度上，这意味着支持XML 命名空间的概念。DOM2 Core 没有新增任何类型，仅仅
在DOM1 Core 基础上增加了一些方法和属性。DOM3 Core 则除了增强原有类型，也新增了一些新类型。
类似地，DOM View 和HTML 模块也丰富了DOM 接口，定义了新的属性和方法。这两个模块很小，因此本章将在讨论JavaScript 对象的基本变化时将它们与Core 模块放在一起讨论。
XML 命名空间
XML 命名空间可以实现在一个格式规范的文档中混用不同的XML 语言，而不必担心元素命名冲
突。严格来讲，XML 命名空间在XHTML 中才支持，HTML 并不支持。因此，本节的示例使用XHTML。
命名空间是使用xmlns 指定的。XHTML 的命名空间是"http://www.w3.org/1999/xhtml"，应
该包含在任何格式规范的XHTML 页面的元素中，如下所示：

Hello world! 对这个例子来说，所有元素都默认属于XHTML 命名空间。可以使用xmlns 给命名空间创建一个 前缀，格式为“xmlns: 前缀”，如下面的例子所示： Example XHTML page Hello world! 这里为XHTML 命名空间定义了一个前缀xhtml，同时所有XHTML 元素都必须加上这个前缀。为 避免混淆，属性也可以加上命名空间前缀，比如： Example XHTML page Hello world! 这里的class 属性被加上了xhtml 前缀。如果文档中只使用一种XML 语言，那么命名空间前缀 其实是多余的，只有一个文档混合使用多种XML 语言时才有必要。比如下面这个文档就使用了XHTML 和SVG 两种语言： 在这个例子中，通过给