首页  >  文章  >  web前端  >  如何使用纯 JavaScript 从

元素中提取文本

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

Patricia Arquette
Patricia Arquette原创
2024-10-18 21:15:30909浏览

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn