使用mutationObserver定位特定元素

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);

在此，如果目标元素内部发生变化，我能够检测到变化，现在我正在瞄准身体

我真正想要的是mutationObserver事件仅在我指定的元素添加到DOM时触发

Answer 1

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

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

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

但为了确保所有的事情都被很好地捕获，请使用这个observerConfig。

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