如何使用 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：

相關🎜的更多信息，請參閱MDN：

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

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