nodeType、nodeName和nodeValue的区别

先看一下调试文档的基本结构

<div id="box">HELLO</div>
<script>
var ele = document.getElementById("box");
var att = ele.getAttributeNode("id");
var txt = ele.firstChild;
</script>

1. nodeType：表示该节点的类型

console.log(ele.nodeType);
console.log(att.nodeType);
console.log(txt.nodeType);

备注：1代表元素节点；2代表属性节点；3代表文本节点
2. nodeName：返回当前节点的名称

console.log(ele.nodeName);
console.log(att.nodeName);
console.log(txt.nodeName);

3. nodeValue：返回或者当前节点的值

console.log(ele.nodeValue);
console.log(att.nodeValue);
console.log(txt.nodeValue);

为什么元素节点的nodeValue为null呢?(我也不太清楚)
在文档对象模型(DOM)中,每个节点都是一个对象。DOM节点有三个重要的属性:
总结如下：

1. nodeName :节点的名称
2. nodeValue :节点的值
3. nodeType :节点的类型
   一、nodeName属性:节点的名称，是只读的。
4. 元素节点的nodeName与标签名相同
5. 属性节点的nodeName是属性的名称
6. 文本节点的nodeName永远是#text
7. 文档节点的nodeName永远是#document

二、nodeValue属性:节点的值

1. 元素节点的nodeValue是undefined或null
2. 文本节点的nodeValue是文本自身
3. 属性节点的nodevalue是属性的值

三、nodeType 属性:节点的类型，是只读的。以下常用的几种结点类型

元素类型节点类型：
元素 1
属性 2
文本 3
注释 8
文档 9