如何在沒有 jQuery 的情況下從 JavaScript 中的 Div 標籤檢索文字？

在JavaScript 中從Div 標籤檢索文字的替代方法

雖然使用jQuery 檢索div 標籤的文字內容是一種常見方法，但它肯定不是最常用的方法。唯一的選擇。 JavaScript 提供了本機方法，可以有效地提取文本，而無需依賴外部程式庫。

用於此目的的主要方法之一是 textContent 屬性。與innerHTML不同，innerHTML傳回元素的整個HTML內容，包括標籤和屬性，textContent只檢索文字內容。

讓我們深入研究一個範例來示範其用法：

<code class="js">function test() {
  var t = document.getElementById('superman').textContent;
  alert(t);
}</code>

在這種情況下，textContent 屬性被指派給t 變量，該變數隨後在呼叫alert() 函數時顯示id 為「superman」的div 中的純文字。

值得注意的是，textContent 屬性與innerHTML類似，將文字節點和沒有子節點的元素視為文字內容。如果您的 div 元素包含多個巢狀元素或複雜標記，請避免依賴 textContent，因為它可能無法準確捕捉所需的文字。

以上是如何在沒有 jQuery 的情況下從 JavaScript 中的 Div 標籤檢索文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！