使用 JavaScript 从 标签检索文本时如何解决“未定义”结果？

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

JavaScript String if for include using undefined dom this innerHTML https issue

声明：

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