如何使用纯 JavaScript 从

元素中提取文本

Patricia Arquette

发布： 2024-10-18 21:15:30

原创

798 人浏览过

How to Extract Text from a <div> 使用纯 JavaScript 的元素使用纯 JavaScript 的元素" />

如何从

中提取文本使用纯 JavaScript 标记

问题：
尝试检索

的文本时

解决方案：
出现此问题的原因是 value 不是

的合适属性。分区>元素。相反，使用 textContent 获取

中的文本。

<code class="javascript">function test() {
  var t = document.getElementById('superman').textContent;
  alert(t);
}</code>

登录后复制

为了说明这一点，请考虑以下代码：

与innerHTML 相比，innerHTML 返回

<code class="html"><div id="test">
  Some <span class="foo">sample</span> text.
</div></code>

登录后复制

的 HTML 内容;div>, textContent 仅提供

内的文本。

例如，给定以下 HTML：

获得以下结果：

innerHTML 返回：“一些文本。”

textContent 返回：“一些示例文本。”

有关更多信息，请参阅以下文档：

[textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent)[innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML)

以上是如何使用纯 JavaScript 从

元素中提取文本的详细内容。更多信息请关注PHP中文网其他相关文章！

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

如何使用纯 JavaScript 从
元素中提取文本

如何使用纯 JavaScript 从 元素中提取文本

如何使用纯 JavaScript 从
元素中提取文本