關於nodeValue和innerHTML的區別

1.nodeValue方法返回的是該節點的值，在DOM中主要有三種節點，分別是元素節點、屬性節點、文檔節點，其中元素節點是沒有值得，而屬性節點和文檔節點是有值的。

<p id="example">
啦啦啦
<span>123</span>
</p>
//調用nodeValue方法
var v=document.getElementById("example");
alert(v.nodeValue);

以上彈出對話框顯示null

alert(p.childNodes[0].nodeValue)

以上彈出對話框顯示“啦啦啦”，因為節點p內的文本也是一個節點。

2.innerHTML返回該節點內的所有子節點及其值

alert(p.innerHTML)

對話框顯示：
啦啦啦
123