JavaScript 监听 div 高度变化：MutationObserver 示例

你可以使用 MutationObserver 来监听 id 为 'noteBook' 的 div 高度变化。下面是一个示例代码：

// 选择要监听的 div 元素
const targetNode = document.getElementById('noteBook');

// 创建一个观察器实例
const observer = new MutationObserver(function(mutationsList) {
    for(let mutation of mutationsList) {
        if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
            // 高度发生变化时的逻辑处理
            console.log('div 的高度发生了变化');
        }
    }
});

// 配置观察器选项
const config = { attributes: true };

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

在这个示例中，我们使用 MutationObserver 来监听 id 为 'noteBook' 的 div 元素的属性变化。当 div 元素的 style 属性发生变化时，会触发回调函数。你可以在回调函数中处理 div 高度变化的逻辑。