HTML DOM笔记
什么是Dom?
通过Javascript, 您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。
要改变页面的某个东西，Javascript 就需要获得HTML文档中所有元素进行访问的入口，这个入口，连同对HTML元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得（DOM）。
在1998年,W3C发布了一级的DOM规范。这个规范允许访问和操作HTML页面中的每一个单独的元素。
所有的浏览器都执行了这个标准，因此，DOM的兼容性问题也几乎难觅踪影了。
DOM可被Javascript用来读取、改变HTML、XHTML 以及XML文档。
DOM被分为不同的部分（核心、XML及HTML）和级别（DOM Level1/2/3）：
Core DOM
定义了一套标准的针对任何结构化文档的对象。
XML DOM
定义了一套标准的针对XML文档的对象。
HTML DOM
定义了一套标准的针对HTML文档的对象。
---------------------------------------------------------------------------------------
DOM 级别 0
DOM 级别 0 不是 W3C 规范。而仅仅是对在 Netscape Navigator 3.0 和 Microsoft Internet Explorer 3.0 中的等价功能性的一种定义。
DOM 发展过程中的关键角色有：ArborText、IBM、Inso EPS、JavaSoft、Microsoft、Netscape、Novell、the Object Management Group、SoftQuad、Sun Microsystems 以及 Texcel。
W3C 的 DOM 级别 1 建立于此功能性之上。
DOM 级别 1
DOM 级别 1 专注于 HTML 和 XML 文档模型。它含有文档导航和处理功能。
DOM 级别 1 于 1998 年 10 月 1 日成为 W3C 推荐标准。
第二版的工作草案在 2000 年 9 月 29 日。
DOM 级别 2
DOM 级别 2 对 DOM 级别 1 添加了样式表对象模型，并定义了操作附于文档之上的样式信息的功能性。
DOM 级别 2 同时还定义了一个事件模型，并提供了对 XML 命名空间的支持。
作为一项 W3C 推荐标准，DOM 级别 2 规范发布于 2000 年 11 月 13 日：
DOM Level 2 核心
DOM Level 2 核心 规定了访问和更改文档内容及结构的一个 API，此 API 同时包含用于 XML 的接口。
DOM Level 2 HTML
DOM Level 2 HTML 规定了操作 HTML 文档结构和内容的 API。（这部分规范仍然是工作草案）
DOM Level 2 Views
DOM Level 2 规定了对文档视图进行访问和更改的 API。视图是与原文档相关联的表现形式或某种备用的表现形式。
DOM Level 2 Style
DOM Level 2 Style 规定了动态访问及更改内容样式表的 API。
DOM Level 2 Events
DOM Level 2 Events 规定了访问文档事件的 API。
DOM Level 2 Traversal-Range
DOM Level 2 Traversal-Range 规定了动态遍历和识别文档中内容范围的 API。
DOM 级别 3
DOM Level 3 规定了内容模型 (DTD 和 Schemas) 和文档验证。同时规定了文档加载和保存、文档查看、文档格式化和关键事件。DOM Level 3 建立于 DOM Core Level 2 之上。
DOM Level 3 Requirements
DOM Requirements 文档已经为 Level 3 requirements 进行了更新，并于 2000 年 4 月 12 日发布为工作草案。
下面的 DOM Level 3 工作草案发布于 2000 年 9 月 1 日：
DOM Level 3 Core
DOM Level 3 Core 规定了访问和更改文档内容、结构及样式的一个 API。
DOM Level 3 Events
通过增加新的接口和新的事件集，DOM Level 3 Events API 对 Level 2 Event API 的功能进行了扩展。
DOM Level 3 Load and Save
DOM Level 3 Content Model 规定了用于内容加载和保存、内容模型 (DTD and Schemas) 和文档验证支持的 API。
DOM Level 3 Views and Formatting
DOM Level 3 Views 规定了对文档视图进行访问和更改的 API。视图是与原文档相关联的表现形式或某种备用的表现形式。
--------------------------------------------------------------------------------------------
DOM 的一些操作方法
getElementById()
getElementsByTagName()
parentNode()
firstChild()
lastChild()
removeChild()
nodeName //节点名称
nodeName 属性含有某个节点的名称。
元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
nodeValue //节点值
对于文本节点，nodeValue 属性包含文本。
对于属性节点，nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
nodeType //节点类型
nodeType 属性可返回节点的类型。
最重要的节点类型是：
| 元素类型 | 节点类型 |
|---|---|
| 元素 | 1 |
| 属性 | 2 |
| 文本 | 3 |
| 注释 | 8 |
| 文档 | 9 |
