如何知道新元素是否添加到 DOM

Question

我读到了 MutationObserver function 或者我认为它是一个接口但我不能使用它谁能告诉我？

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log("new element has been added");
    console.log(mutation.target.nodeName);
  });
});

Answer 1

当然， MutationObserver是一个接口，但您需要调用observe() function 来检测 DOM 中的任何变化：

observer.observe(targetNode, observerOptions);

您可以尝试将此添加到您的代码中：

observer.observe(document, {attributes: true, childList: true, characterData: false, subtree:true});