JavaScript - 监听节点变化

最新推荐文章于 2023-11-29 12:24:12 发布

练习一下

最新推荐文章于 2023-11-29 12:24:12 发布

阅读量483

点赞数

分类专栏：前端 # JS 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_32687373/article/details/127556960

版权

前端同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

11 篇文章 0 订阅

订阅专栏

 // 添加监听代码
 let dom = document.querySelector('body')
 let MutationObserver = window.MutationObserver || window.webkitMutationObserver || window.MozMutationObserver
 let mutationObserver = new MutationObserver(function (mutations) {
   console.log(mutations)
 })
 mutationObserver.observe(dom, {
   childList: true, // 子节点的变动（新增、删除或者更改）
   // attributes: true, // 属性的变动
   // characterData: true, // 节点内容或节点文本的变动
   // subtree: true, // 是否将观察器应用于该节点的所有后代节点
   // attributeFilter: ['class', 'style'], // 观察特定属性
   // attributeOldValue: true, // 观察 attributes 变动时，是否需要记录变动前的属性值
   // characterDataOldValue: true, // 观察 characterData 变动，是否需要记录变动前的值
 })
 // // 移除监听代码
 // mutationObserver.disconnect() // 此处以后的不再监听