MutationObserver - 检测 div 子项的变化

编程问答 2022-05-23

问题描述

当父 DIV 的子级中的 DOM 发生变化时，我需要调用一个操作。我看到有这个方法（MutationObserver），但我试图将它添加到 wordpress 上，即使有更改，我也无法在控制台上打印。我想通过类来完成，因为 id 是来自父 div 的动态。

我正在页面上尝试此代码。

    //  select the target 
alert('This is Test 1');

var target = document.querySelector('#mmp-map-2b40f571');

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.type);
      alert('This is a test 2');
  });
});

// configuration of the observer
var config = { attributes: true,childList: true,characterData: true };


observer.observe(target,config);

/* mais tarde você pode parar de observar
observer.disconnect();*/

该操作仅在我打开页面时运行，并且每当此 div 下方的级别发生变化时，它都不会进入该操作。在图片链接中，您可以在检查中看到 JavaScript 调试

https://www.screencast.com/t/9UWSLh4D4r

感谢帮助:)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptjquerymutation-observerswordpresswordpress