element.textContent 获取/设置文本内容

最后更新：2026-09-09

textContent 获取或设置元素的纯文本内容（忽略 HTML 标签）。比 innerHTML 安全且性能更好。

分类	DOM 操作
ES 版本	DOM

📝 语法

元素.textContent = '纯文本';

返回值：纯文本内容。

是否修改原值：是（原地修改）

编辑下方代码，点击运行，在输出面板查看结果：

运行结果：

安全的文本

💡 提示 纯文本内容用 textContent——安全且无 XSS 风险。

ℹ️ info textContent 读取时包含所有后代节点的文本（包括隐藏元素）。

浏览器	Chrome	Edge	Firefox	Safari	Opera
element.textContent	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有现代浏览器均支持

更多实战案例即将上线，敬请期待。

QtextContent 和 innerText 的区别？

AtextContent 返回所有文本（包括隐藏的）；innerText 模拟可见文本渲染。

QtextContent 会解析 HTML 吗？

A不会——设置的内容按纯文本处理，标签不会被解析。

QtextContent 和 innerHTML 哪个快？

AtextContent 更快——不需要 HTML 解析器。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。