1. 介绍
1.1 DOM概念
说明:DOM全称 Document Object Model,即文档对象模型。将文档抽象成一个树型结构,文档中的标签、标签属性或标签内容可以表示为树上的结点。
1.2 DOM分类
W3C DOM 标准被分为 3 个不同的部分:
- 核心 DOM - 针对任何结构化文档的标准模型
- XML DOM - 针对 XML 文档的标准模型
- HTML DOM - 针对 HTML 文档的标准模型
1.3 HTML DOM
HTML DOM 定义了访问和操作 HTML 文档的标准。HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。
1.4 HTML DOM树

2. HTML DOM 节点属性
2.1 innerHTML:以HTML代码格式获取或设置节点的内容
以HTML格式赋值给innerHTML属性时,会以HTML的形式呈现。比如:node.innerHTML="<input type=‘button‘ value=‘按钮‘ />" 将会显示一个按钮。
2.2 innerText:获取或设置节点的文本内容
以文本字符串的形式获取或设置节点的内容。
2.3 nodeName:获取节点名称,只读属性
- 元素节点的 nodeName 与标签名相同(标签名大写)
- 属性节点的 nodeName 与属性名相同
- 文本节点的 nodeName 始终是 #text
- 文档节点的 nodeName 始终是 #document
2.4 nodeValue:获取或设置节点的值
- 元素节点和文档节点的 nodeValue 是 undefined 或 null,只读
- 文本节点的 nodeValue 是文本本身
- 属性节点的 nodeValue 是属性值
2.5 nodeType:返回节点类型,只读属性

3. HTML DOM 访问
- getElementById(id) :获取指定ID的元素,如果没有指定的ID,返回undefined。
- getElementsByName(name) :返回一个包含指定name名称的的元素集合。
- getElementsByClassName(className) :返回一个包含指定class名称的的元素集合。
- getElementsByTagName(elementName) :返回一个指定标签名称的的元素集合。
4. DOM节点操作
HTML DOM
原文:http://www.cnblogs.com/lujinghao/p/html_dom.html