如何监控DOM的变化？

// 创建回调函数
const callback = function(mutationsList, observer) {
    for(let 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.');
        }
    }
};

// 创建MutationObserver对象
const observer = new MutationObserver(callback);

// 选择要监控的DOM元素
const targetNode = document.querySelector('#some-element');

// 配置MutationObserver
const config = { attributes: true, childList: true, subtree: true };

// 开始观察目标元素
observer.observe(targetNode, config);

// 在需要停止观察时调用以下方法
observer.disconnect();