使用 JavaScript 從 <div> 標籤檢索文字時如何解決「未定義」結果？-js教程-PHP中文網

使用 JavaScript 從

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

Susan Sarandon

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

原創

157 人瀏覽過

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