MutationObserver 观察元素是否还存在

MutationObserver＊＊＊ 变化的 JavaScript API。它可以用来观察元素的添加、删除、属性变化等操作。通过 MutationObserver，我们可以判断元素是否还存在。

下面是一个使用 MutationObserver 观察元素是否还存在的示例代码：

// 目标元素
var targetElement = document.getElementById('target');

// 创建一个 MutationObserver 实例
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    // 判断是否有目标元素被删除
    if (mutation.removedNodes && mutation.removedNodes.length > 0) {
      for (var i = 0; i < mutation.removedNodes.length; i++) {
        if (mutation.removedNodes[i] === targetElement) {
          console.log('目标元素已被删除');
          // 停止观察
          observer.disconnect();
          break;
        }
      }
    }
  });
});

// 配置观察选项
var config = { childList: true, subtree: true };

// 开始观察目标元素
observer.observe(document.body, config);

上述代码中，我们首先通过 `document.getElementById` 获取目标元素，然后创建一个 MutationObserver 实例，并传入一个回调函数。在回调函数中，我们遍历 `mutations` 数组，判断是否有目标元素被删除。如果目标元素被删除，则输出提示信息，并调用 `observer.disconnect()` 停止观察。