“DOM2级遍历和范围”模块定义了“范围”接口。通过范围可以选择文档中的一个区域，而不必考虑节点的界限（选择在后台完成，对用户是不可见的）。

“DOM2级遍历和范围”模块定义了两个用于辅助完成顺序遍历DOM结构的类型：NodeIterator和TreeWalker；这两个类型能够基于给定的起点对DOM结构执行深度优先的遍历操作。

层次：访问style对象： style对象是CSSStyleDeclaration的实例； getComputedStyle方法也返回CSSStyleDeclaration的实例； 访问样式表： <link>元素包含的样式表由HTMLLinkElement表示； <style>元素包含的样式表由HTMLStyleElement表示； StyleSheetList表示所有的样式表；（document.styleSheets） CSSSty...

DOM2和DOM3级分为许多模块，分别描述了DOM的某个非常具体的子集。这些模块主要有核心（Core）、视图（Views）、事件（Events）、样式（Style）、遍历和范围（Traversal and Range）以及HTML。

页面的文档模式是由IE8引入的，文档模式决定了可以使用的CSS级别、JS中的API以及如何对待文档类型（doctype）；在IE9，提供了4中文档模式：

与类相关的扩充 getElementsByClassName()方法 接收一个参数，即一个或多个类名的字符串。如： {代码...} 他返回的对象是NodeList。 classList属性 该属性是DOMTokenList 的实例。主要的方法有： add(value) contaiin(value) remove(value) toggle(value) 如： {代码...} 如果不用classList属性，则需要通过className属...

Selector API Level1 的核心就是两个方法：querySelector()和querySelectorAll()。实际上，jQuery的核心就是通过CSS选择符查询DOM文档取得元素的引用。

动态脚本 插入外部脚本文件 以script元素为例： {代码...} 使用DOM动态的创建出这个元素： {代码...} 行内方式插入脚本文件 以行内脚本代码为例： {代码...} 使用DOM动态的创建出这个元素： {代码...} 但在IE中会报错，解决办法是使用script元素的text属性： {代码...} 最终通用的解决方案如下： {代码...} 实际上在全局...

几个概念： DOM：文档对象模型，是针对 HTML 和 XML 文档的一个 API（应用程序编程接口）。 根节点：就是 Document 节点。 nodeType: 所有节点的属性，用于表明节点的类型。 Node 类型 DOM1 级的接口，该接口除了 IE 之外，在其他所有浏览器中都可以访问到这个类型。 节点类型由在 Node 类型中定义的下列 12 个数值常量...