textContent 与 innerText、innerHTML 的区别

目录

1. 语法
2. 描述
3. 与innerText的区别
4. 与innerHTML的区别
5. 归属区别

内容

---

Node.textContent 属性表示一个节点及其后代的文本内容。

1. 语法

let text = element.textContent;
element.textContent = "this is some sample text";

2. 描述

• 如果 element 是 Document，DocumentType 或者 Notation 类型节点，则 textContent 返回 null。如果你要获取整个文档的文本以及CDATA数据，可以使用 document.documentElement.textContent。
• 如果节点是个CDATA片段，注释，ProcessingInstruction节点或一个文本节点，textContent 返回节点内部的文本内容（即 nodeValue）。
• 对于其他节点类型，textContent 将所有子节点的 textContent 合并后返回，除了注释、ProcessingInstruction节点。如果该节点没有子节点的话，返回一个空字符串。
• 在节点上设置 textContent 属性的话，会删除它的所有子节点，并替换为一个具有给定值的文本节点。

3. 与innerText的区别

Internet Explorer 引入了 node.innerText。意图类似，但有以下区别：

• textContent 会获取所有元素的内容，包括