如何知道新元素是否添加到 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});