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

觀察DOM 中的元素添加

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

已棄用的突變事件：

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

連續輪詢：

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

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

推薦：MutationObserver

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

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

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