Appearance
MutationObserver 是一个强大的 Web API,它允许我们监听 DOM 树的变化,包括节点的添加、删除、属性的修改等。
js
const observer = new MutationObserver((mutationsList) => {
console.log(mutationsList)
})
observer.observer(document.body, {
// attributes: true, // 目标属性的变化 如: id class
// characterData: true, // 目标数据的变化 改变前的值
// childList: true, // 值观察目标子节点的变化,不包含子节点后代的元素
// subtree: true, // 目标及其后代元素都会观察
// attributeOldValue: true, // 需要记录改变前的目标属性值
})