如何在innerText 或nodeValue 之间进行选择？

Question

当我需要更改 span 元素中的文本时，我应该使用哪一个以及有什么区别：

var spnDetailDisplay=document.getElementById('spnDetailDisplay');
spnDetailDisplay.innerText=sDetail;

或

 var spnDetailDisplay=document.getElementById('spnDetailDisplay');
 spnDetailDisplay.childNodes[0].nodeValue=sDetail;

Answer 1

对于具有文本内容的元素，它们是相同的。有关 nodeValue 的信息，请参阅这篇 MDC 文章。

来自这篇文章：

如果该元素没有子元素，只有文本，那么它（通常）有一个子节点，可通过 ElemRef.childNodes[0] 访问。在这种精确的情况下，与 ElemRef.innerText 等效的 W3C Web 标准是 ElemRef.childNodes[0].nodeValue。

Answer 2

• nodeValue是W3C标准推荐。
• innerText 是特定于 Internet Explorer 的，而不是标准。和：
  • 不返回

然而，截至 2016 年 3 月，所有主要浏览器的版本都支持innerText。

一般来说，它们是相似的，但如果您需要最佳性能，则应使用nodeValue。

性能测试链接：https://jsperf.com /read-innerhtml-vs-innertext-vs-nodevalue-vs-textcontent/13