js动态监听dom变化

原生js 动态监听dom变化，根据不同的类型绑定不同的处理逻辑

// Firefox和Chrome早期版本中带有前缀  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver    // 选择目标节点  var target = document.querySelector(‘#some-id‘);     // 创建观察者对象  var observer = new MutationObserver(function(mutations) {    mutations.forEach(function(mutation) {      console.log(mutation.type);    });      });     // 配置观察选项:  var config = { attributes: true, childList: true, characterData: true }     // 传入目标节点和观察选项  observer.observe(target, config);     // 随后,你还可以停止观察  observer.disconnect();  

浏览器支持情况：

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
原文: https://lcddjm.com/article/5a9fac195809d15ba1019710 © www.lcddjm.com

js动态监听dom变化

原文地址：https://www.cnblogs.com/hao123456/p/8976778.html