首頁 >web前端 >js教程 >如何檢測 DOM 中的元素添加:棄用和替代方案?

如何檢測 DOM 中的元素添加:棄用和替代方案?

Susan Sarandon
Susan Sarandon原創
2024-10-21 08:47:29503瀏覽

How to Detect Element Addition in the DOM: Deprecation and Alternatives?

觀察DOM 中的元素添加

要在元素加入網頁時接收通知,可以使用下列幾種方法:

已棄用的突變事件:

先前,突變事件(例如DOMNodeInserted)可用於監視DOM 變更。但是,這些事件現已棄用。

連續輪詢:

過時的方法涉及使用setInterval() 定期檢查所需元素是否存在:

這是一種低效率的解決方案,會消耗大量CPU 資源。

推薦:MutationObserver

現代瀏覽器支援 MutationObserver,它提供了突變的替代方案事件。它允許您觀察DOM 變化並在添加元素時執行回調函數:

透過實現MutationObserver,您可以有效地監控DOM 添加,而不受已棄用的突變事件的限製或連續輪詢問的低效率.

以上是如何檢測 DOM 中的元素添加:棄用和替代方案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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