Question

javascript中Element.nodeValue和innerHTML有什么区别

Answer 1

这两个几乎是完全不同的东西。
nodeValue只能获得文本节点的值，不能获得元素节点的值，比如有下面的html标签：
<div id=txt>这是一段文字<span></span></div>
用 document.getElementById("txt").nodeValue 得到的将是 null，因为div是个元素节点。
只有用 document.getElementById("txt").childNodes[0].nodeValue 才能得到“这是一段文字”，也就是说只有div内的第一个子节点才是文本节点。
而innerHTML则是以字符串形式返回指定元素节点的所有子节点及其值，但对文本节点无效，比如同样是上面的例子，用 document.getElementById("txt").innerHTML 可以得到“这是一段文字<span></span>”（请注意里面是包含HTML代码的）。
但是用 document.getElementById("txt").childNodes[0].innerHTML 得到的则是 undefined ，因为这是个文本节点