标签：nodetype   html   大写   操作   eval   input   不同   相同   字符串   

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

标签：nodetype   html   大写   操作   eval   input   不同   相同   字符串   

原文地址：http://www.cnblogs.com/lujinghao/p/html_dom.html