【HTML DOM】认识DOM的三大节点：元素节点，文本节点，属性节点以及nodeName,nodeType,nodeValue的区别

既然我们把网页文档看做树形结构，那么就有对应的节点。诚然DOM中有三大节点，分别是 元素节点，文本节点，属性节点

元素节点：构成了DOM的基础。文档结构中，是根元素，代表整个文档，其他的还有,,

,等等。元素节点之间可以相互包含(当然遵循一定的规则)

文本节点：包含在元素节点中。

属性节点：元素都可以包含一些属性，属性的作用是对元素做出更具体的描述，比如id,name之类的。

在比较上述节点的区别之前，还需要了解nodeType,nodeName,nodeValue节点的这三个基本属性。

1. nodeName属性含有某个节点的名称

对于元素节点，nodeName=标签名（返回的名称是大写的）

对于文本节点，nodeName=#text

对于属性节点，nodeName=属性名（返回的名称是大写的）

2. nodeValue

对于元素节点，因为本身不直接包含文本，所以nodeValue是不可用的。当然你也可以在示例中自己写试试看有什么结果出现。

对于文本节点，nodeValue=文本值

对于属性节点，nodeValue=属性值

3. nodeType

对于元素节点，nodeType=1

对于文本节点，nodeType=3

对于属性节点，nodeType=2

另外提一下：

对于注释元素，nodeType=8

对于文档元素，nodeType=9

关于nodeValue的详细用法，请查看：【HTML DOM】Node.nodeValue的用法

原文连接：认识DOM的三大节点：元素节点，文本节点，属性节点以及nodeName,nodeType,nodeValue的区别