如何在 JavaScript 中從 HTML 元素中提取文字節點內容？

取得元素的文字節點

在 JavaScript 中使用 HTML 元素時，通常需要取得這些元素中的文字內容。但是，元素可以包含各種類型的節點，包括文字節點、註解節點和元素節點。本文探討了用於檢索文字節點的跨瀏覽器解決方案。

考慮以下 HTML：

<div class="title">
   I am text node
   <a class="edit">Edit</a>
</div>

我們的目標是取得「我是文字節點」內容，同時保留「編輯」連結。

為了實現這一點，我們可以利用 jQuery 的 content() 和 filter()函數：

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

此程式碼選擇類別為「title」的元素並取得其內容。然後，它對內容套用過濾器函數，僅選擇節點類型為 Node.TEXT_NODE 的節點（即文字節點）。最後，它從過濾結果中提取文字內容。

使用這種方法，我們可以成功檢索所需的文字節點內容，而無需刪除「編輯」標籤。

以上是如何在 JavaScript 中從 HTML 元素中提取文字節點內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！