关于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