javascript监听页面元素更改更新变动_js 监听元素变化

// 当观察到变动时执行的回调函数
const callback = function(mutationsList) {
    for(let mutation of mutationsList) {
        if (mutation.type === 'childList') {
            console.log('TODO someting');
        } else if(mutation.type === 'attributes') {
            console.log('TODO someting');
        }
    }
}
 
// 创建一个观察器实例并传入回调函数
const observer = new MutationObserver(callback);
 
// 选择需要观察变动的节点
const targetNode = document.body;
 
// 观察器的配置（需要观察什么变动）
const config = { attributes: true, childList: true, subtree: true, characterData: true, };
 
// 以上述配置开始观察目标节点
observer.observe(targetNode, config);
 
// 之后，可停止观察
observer.disconnect();