Day 14 JavaScript innerText vs textContent

两个都可以替换标签内的文字内容。

Node.innerText:

• 只会显示我们能在浏览器上看到的标签，像是 p 或是 a 标签之类的。
• 会拿的到 CSS，如果有用到 display:none 之类的属性会变得看不见。
• 因为会读取到 CSS 的关系，会占用到更多频宽，效能上会比较差，

Node.textContent:

• 除了显示我们能在浏览器上看到的标签之外，也会拿到像是 script 和 style 之类在浏览器上看不见的标签。
• 会回传节点内全部的标签。
• 只会读取到标签，效能较好。

结论：

用 textContent 会比较好，相容性较好、效能较佳、不会因为 CSS 的关系而看不见。

参考：
[1]innerText、innerHTML、textContent、outerHTML 的差别
[2]DOM修改文字节点 - INNERTEXT或TEXTCONTENT傻傻分不清楚