是否可以修改動態添加的DOM節點？

Question

我有一些JavaScript庫（例如Adobe Edge），它可以動態地將腳本節點插入到DOM中。 我使用MutationsObserver檢測變化，是否可以修改變異節點？

Answer 1

是的，您可以像修改任何其他節點一樣動態修改添加到DOM的節點。

var target = document.querySelector('div'); 

new MutationObserver(function(mutations) { 
    mutations.forEach(function (mutation) { 
     Array.prototype.forEach.call(mutation.addedNodes, function (node) { 
      node.style.backgroundColor = 'red'; 
     }); 
    }); 
}).observe(document.querySelector('div'), {attributes: true, childList: true, characterData: true}); 

target.appendChild(document.createElement('span')); 

http://jsfiddle.net/ExplosionPIlls/rK6Hr/

Answer 2

呼喚你的MutationObserver takeRecords()應該給你MutationRecords的陣列，它們擁有財產target這是已被改變的節點。
基本檢查API。