如何使用纯 JavaScript 从

元素中提取文本

Patricia Arquette

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

原创

936 人浏览过

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中文网其他相关文章！

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

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