使用 JavaScript 从 <div> 标签检索文本时如何解决'未定义”结果？-js教程-PHP中文网

使用 JavaScript 从

标签检索文本时如何解决'未定义”结果？

Susan Sarandon

发布： 2024-10-18 21:14:03

原创

313 人浏览过

How to Resolve 使用 JavaScript 进行标记？" /> 使用 JavaScript 进行标记？" />

使用纯 JavaScript 从 DIV 标签获取文本内容

如果尝试检索

的文本内容使用 JavaScript 标记时，可能会出现“未定义”值。要解决此问题，请考虑使用 textContent 而不是 innerHTML。

与将所有 DOM 内容捕获到字符串中的 innerHTML 不同，textContent 专门检索

中的文本。例如，如果存在以下标记：

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

登录后复制

使用innerHTML将产生：

<code class="js">var node = document.getElementById('test');

var htmlContent = node.innerHTML;
// htmlContent = "Some <span class="foo">sample</span> text."</code>

登录后复制

而textContent提供：

<code class="js">var textContent = node.textContent;
// textContent = "Some sample text."</code>

登录后复制

这种区别在以下情况下至关重要：处理可能包含文本和非文本元素的 DOM 内容。

有关其他信息，请参阅 Mozilla 开发者网络 (MDN) 文档：

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