首頁 >web前端 >js教程 >使用 JavaScript 從

標籤檢索文字時如何解決「未定義」結果?

使用 JavaScript 從
標籤檢索文字時如何解決「未定義」結果?

Susan Sarandon
Susan Sarandon原創
2024-10-18 21:14:03313瀏覽

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn