如何從 HTML 元素跨瀏覽器僅檢索文字節點內容？

跨瀏覽器檢索元素文字節點

在HTML 中，當元素同時包含文字和文字時，取得元素的文字內容可能會很棘手。其他元素。為了有效地提取文字節點，需要跨瀏覽器的解決方案。

問題：

考慮以下 HTML結構：

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

目標是檢索文字節點“我是文字節點”，同時保留“編輯”錨點

解決方案：

可以使用jQuery框架來實作：

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

這段程式碼：

1. 選擇具有「title」類別的元素。
2. 使用下列方式取得其內容content() 方法。
3. 使用 filter() 方法過濾內容，僅保留文字節點 (nodeType == Node.TEXT_NODE)。
4. 使用下列方法檢索過濾節點的文字內容text() 方法。

因此，變數 text 將只包含所需的文字節點，「我是文字節點。」

以上是如何從 HTML 元素跨瀏覽器僅檢索文字節點內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！