MutationObserver 监听DOM

介绍

MutationObserver接口提供了监视对DOM树所做更改的能力。

构造函数

MutationObserver()创建并返回一个新的MutationObserver它会在指定的DOM发生变化时被调用。

new MutationObserver(callback)：当每次DOM发生变化的时候都会触发callback。

等所有的DOM操作完成之后一次执行（异步）

方法

• disconnect()

  阻止 MutationObserver 实例继续接收的通知，直到再次调用其observe()方法，该观察者对象包含的回调函数都不会再被调用。

• observe()

  配置MutationObserver在DOM更改匹配给定选项时，通过其回调函数开始接收通知。

• takeRecords()

  从MutationObserver的通知队列中删除所有待处理的通知，并将它们返回到MutationRecord对象的新Array中。

使用

  
  
  


  
 simple 

示例

• 水印不可删

• 防止运营劫持：监控dom，不在白名单内和安全标签内的script或者iframe，都给予remove删除处理。