如何使用 JavaScript（不使用 jQuery）检索 Div 标签文本？

如何使用 JavaScript 检索 Div 标签文本（不使用 jQuery）

要仅使用 JavaScript 获取 div 元素的文本内容，还有 jQuery 的替代方案。

问题陈述：

之前尝试使用 document.getElementById('superman').value 检索文本返回未定义。我们的目标是找到一种使用纯 JavaScript 而不使用 jQuery 的解决方案。

解决方案：

要成功检索文本，请考虑使用 textContent 而不是 value。 innerHTML 属性以字符串形式返回整个 DOM 内容，包括 div 中的元素。相比之下，textContent 专门提取 div 中的文本，确保更准确的文本表示。

例如，给定以下 HTML：

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

使用 innerHTML：

<code class="javascript">var node = document.getElementById('test');
var htmlContent = node.innerHTML;
// htmlContent = "Some <span class="foo">sample</span> text."</code>

使用textContent：

<code class="javascript">var node = document.getElementById('test');
var textContent = node.textContent;
// textContent = "Some sample text."</code>

有关textContent和innerHTML的更多信息，请参阅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（不使用 jQuery）检索 Div 标签文本？的详细内容。更多信息请关注PHP中文网其他相关文章！