使用客戶端javascript來監視添加到文檔中的新元素

Question

我幾個月前使用Object.observe()來監視從window.document的任何遞歸更改。現在O.o（）從em6 +中退出，我需要自定義這種行爲。我需要訪問在文檔中任何位置創建的新元素。

我已經試過這些項目（工程，但沒有孩子遞歸）：

https://github.com/MaxArt2501/object-observe

https://github.com/jdarling/Object.observe

https://github.com/jdarling/Object.observe

我從Mozilla的MDN閱讀使用proxyhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy我m不知道使用哪個陷阱，或者如何進行遞歸。

這裏是確切的代碼我一直在使用與O.o（）：

    var observer = new MutationObserver(function (mutations) { 
         mutations.forEach(function (mutation) { 
           console.log("Observed Mutation:"); 
           //mutation.target 
           //mutation.type 
           //mutation.oldValue 
           //mutation.attributeName 
           //mutation.attributeNamespace 
           //mutation.removedNodes 
           //mutation.addedNodes 
         }); 
        }); 

        //mutation observer configuration 
        var config = { 
         childList: true, 
         attributes: true, 
         characterData: true, 
         subtree: true, 
         attributeOldValue: true, 
         characterDataOldValue: true 
         attributeFilter: false 
        }; 

        // pass in the target node and options to mutation observer 
        observer.observe(document, config); 

什麼是代碼的最小量，這將使我訪問使用或不使用填充工具新創建的對象？

Answer 1

發現通過irc.freenode.net從答案##的javascript：jaawerth

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver