HTML DOM轻松入门_2
(摘自http://www.w3school.com.cn/)
HTML DOM 节点
-----------------------------------------------------------
HTML 文档中的每个成分都是一个节点。
-----------------------------------------------------------
节点
HTML DOM 访问节点
getElementById()
getElementsByTagName()
HTML DOM 节点
-----------------------------------------------------------
HTML 文档中的每个成分都是一个节点。
-----------------------------------------------------------
节点
根据 DOM，HTML 文档中的每个成分都是一个节点。
DOM 是这样规定的：
●整个文档是一个文档节点
●每个 HTML 标签是一个元素节点
●包含在 HTML 元素中的文本是文本节点
●每一个 HTML 属性是一个属性节点
●注释属于注释节点
节点彼此都有等级关系。
HTML 文档中的所有节点组成了一个文档树（或节点树）。HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点，并由此继续伸出枝条，直到处于这棵树最低级别的所有文本节点为止。
下面这个图片表示一个文档树（节点树）：------------------------------------------------------------
一棵节点树中的所有节点彼此都是有关系的。
------------------------------------------------------------
有这样一个实例：
1
<html>
2<head>
3<title>DOM Tutorial</title>
4</head>
5 <body>
6 [h1]DOM Lesson one[/h1]
7 [p]Hello world![/p]
8 </body>
9</html>
<html>2
<head>3
<title>DOM Tutorial</title>4
</head>5
<body>6
[h1]DOM Lesson one[/h1]7
[p]Hello world![/p]8
</body>9
</html>
上面所有的节点彼此间都存在关系。
除文档节点之外的每个节点都有父节点。
如: <head> 和 <body> 的父节点是 <html> 节点，文本节点 "Hello world!" 的父节点是节点。
大部分元素节点都有子节点。
如: <head> 节点有一个子节点：<title> 节点。<title> 节点也有一个子节点：文本节点 "DOM Tutorial"。
| HTML DOM 重量元素的节点信息 | |||
| 元素类型 | 节点信息 | ||
| nodeName | nodeValue | nodeType | |
| 元素 | 标签名称 | 不可用 | 1 |
| 属性 | 属性名称 | 属性值 | 2 |
| 文本 | #text | 文本 | 3 |
| 注释 | 8 | ||
| 文档 | #document | 不可用 | 9 |
HTML DOM 访问节点
getElementById()
getElementsByTagName()
