javascript - 使用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);

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

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

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