Question

我正在使用mutationObserver来使用以下代码检测更改

var target = document.querySelector('body');

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.type);
  });    
});

var config = { attributes: true, childList: true, characterData: true };
observer.observe(target, config);

在此我能够检测到目标元素内部发生变化的变化，我现在正在定位身体

我真正想要的是只有当我指定的元素被添加到DOM时，才会触发mutationObserver事件

Answer 1

您可以在此页面上找到Mutation Observer的一个很好的例子：

http://www.htmlgoodies.com/beyond/javascript/respond-to-dom-changes-with-mutation-observers.html

工作示例在主体上添加观察者，如果添加，删除或更改属性，则可以捕获更改。

但是为了确保所有东西都能很好地捕获，请使用此观察者配置。

            var observerConfig = {
                    attributes: true,
                    childList: true,
                    characterData: true,
                    subtree : true
            };

使用mutationObserver定位特定元素

1 个答案: