textContent 与 insideText 之间的区别

有什么区别textContent and innerText在 JavaScript 中？

我可以用吗textContent如下：

var logo$ = document.getElementsByClassName('logo')[0];
logo$.textContent = "Example";

之间的主要区别innerText and textContent中概述得很好Kelly Norton 的博文：innerText 与 textContent http://www.kellegous.com/j/2013/02/27/innertext-vs-textcontent/。您可以在下面找到摘要：

1. innerText是非标准的，textContent较早被标准化。
2. innerText返回visible节点中包含的文本，而textContent返回full文本。例如，在以下 HTML 中<span>Hello <span style="display: none;">World</span></span>, innerText将返回“Hello”，同时textContent将返回“Hello World”。有关更完整的差异列表，请参阅以下表格：http://perfectionkills.com/the-poor-misunderstood-innerText/ http://perfectionkills.com/the-poor-misunderstood-innerText/（进一步阅读“innerText”在 IE 中有效，但在 Firefox 中无效 https://stackoverflow.com/questions/1359469/innertext-works-in-ie-but-not-in-firefox/1359822#1359822).
3. 因此，innerText性能要求更高：它需要布局信息才能返回结果。
4. innerText https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText仅定义为HTMLElement物体，同时textContent https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent是为所有定义的Node对象。

请务必查看此答案下面的信息丰富的评论。

textContent在 IE8 中不可用，并且裸机 Polyfill 看起来像是使用的递归函数nodeValue on all childNodes指定节点的：

function textContent(rootNode) {
  if ('textContent' in document.createTextNode(''))
    return rootNode.textContent;

  var childNodes = rootNode.childNodes,
      len = childNodes.length,
      result = '';
  
  for (var i = 0; i < len; i++) {
    if (childNodes[i].nodeType === 3)
      result += childNodes[i].nodeValue;
    else if (childNodes[i].nodeType === 1) 
      result += textContent(childNodes[i]);
  }

  return result;
}