// 添加监听代码
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() // 此处以后的不再监听
JavaScript - 监听节点变化
最新推荐文章于 2024-05-11 13:55:50 发布