nodeValue与innerHTML的区别

一、nodeValue
nodeValue方法返回的是该节点的值，在DOM中主要有三种节点，分别是元素节点、属性节点、文档节点。
元素节点的nodeValue是undefined或者是null的，说明的元素节点本身是没有值的。
文本节点的nodeValue是文本的本身，因为文本节点本身是有值的。
属性节点的nodeValue是其的属性值，很明显属性一般来说都是有值的。

<p id="example">
啦啦啦
<span>123</span>
</p>

1、调用nodeValue方法

var v=document.getElementById("example");
alert(v.nodeValue);
// 以上弹出对话框显示null。
alert(p.childNodes[0].nodeValue)
// 以上弹出对话框显示“啦啦啦”，因为节点p内的文本也是一个节点。

2.innerHTML返回该节点内的所有子节点及其值

alert(p.innerHTML)
//对话框显示：
啦啦啦
<span>123</span>

alert(p.innerText);
//对话框显示：会显示p便签下所有的文本值
啦啦啦
123

来自：
https://blog.csdn.net/sinat_36841379/article/details/65658076
https://www.cnblogs.com/leungjj/p/6555987.html