MutationObserver介紹
MutationObserver給開發者們提供了一種能在某個范圍內的DOM樹發生變化時作出適當反應的能力.該API設計用來替換掉在DOM3事件規范中引入的Mutation事件.
Mutation Observer(變動觀察器)是監視DOM變動的接口。當DOM對象樹發生任何變動時,Mutation Observer會得到通知。
Mutation Observer有以下特點:
•它等待所有腳本任務完成后,才會運行,即采用異步方式
•它把DOM變動記錄封裝成一個數組進行處理,而不是一條條地個別處理DOM變動。
•它即可以觀察發生在DOM節點的所有變動,也可以觀察某一類變動
MDN的資料: MutationObserver
MutationObserver是一個構造函數, 所以創建的時候要通過 new MutationObserver;
實例化MutationObserver的時候需要一個回調函數,該回調函數會在指定的DOM節點(目標節點)發生變化時被調用,
在調用時,觀察者對象會 傳給該函數 兩個參數:
1:第一個參數是個包含了若干個MutationRecord對象的數組;
2:第二個參數則是這個觀察者對象本身.
比如這樣:
新聞熱點
疑難解答