如何用js监听页面元素的变化

可以使用MutationObserver API来监听页面元素的变化。该API可以观察指定DOM节点及其子节点的变化，包括节点的添加、删除、属性变化等。

具体使用方法：

1. 创建一个MutationObserver对象，传入一个回调函数。

2. 使用该对象的observe()方法观察指定的DOM节点及其子节点。

3. 在回调函数中处理元素变化的情况。

示例代码：

// 监听元素变化
const targetNode = document.getElementById('target');

const observer = new MutationObserver((mutationsList, observer) => {
  for (let mutation of mutationsList) {
    if (mutation.type === 'childList') {
      console.log('A child node has been added or removed.');
    } else if (mutation.type === 'attributes') {
      console.log('The ' + mutation.attributeName + ' attribute was modified.');
    }
  }
});

observer.observe(targetNode, { childList: true, attributes: true });

上述代码会监听id为"target"的DOM节点及其子节点的变化，当子节点被添加或删除，或者该节点的属性被修改时，会在控制台输出相应的信息