JavaScript监视对DOM树所做的更改

// 选择将观察突变的节点
var targetNode = document.getElementById('some-id');

// 观察者的选择(观察哪些突变)
var config = { attributes: true, childList: true, subtree: true };

// 当观察到突变时执行的回调函数
var callback = function(mutationsList) {
    for(var mutation of mutationsList) {
        if (mutation.type == 'childList') {
            console.log('A child node has been added or removed.');
        }
        else if (mutation.type == 'attributes') {
            console.log('The ' + mutation.attributeName + ' attribute was modified.');
        }
    }
};

// 创建一个链接到回调函数的观察者实例
var observer = new MutationObserver(callback);

// 开始观察已配置的突变的目标节点
observer.observe(targetNode, config);

// 停止观察
observer.disconnect();