Skip to content

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, // 需要记录改变前的目标属性值
})