js监听table行数变化

// 获取表格元素
const table = document.querySelector('table');

// 创建一个观察器实例并传入回调函数
const observer = new MutationObserver((mutationsList, observer) => {
    for(let mutation of mutationsList) {
        if (mutation.type === 'childList') {
            console.log('Table row count changed:', table.rows.length);
        }
    }
});

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

// 传入目标节点和观察选项
observer.observe(table, config);

// 当不再需要观察时，可以断开观察器
// observer.disconnect();

// 假设有一个按钮用于添加新行
const addButton = document.querySelector('#add-row-button');

addButton.addEventListener('click', () => {
    const newRow = table.insertRow();
    console.log('New row added. Table row count:', table.rows.length);
});

// 如果有删除行的操作，也可以类似地添加事件监听器

if (window.MutationObserver) {
    // 使用 MutationObserver
} else {
    // 使用事件监听或其他备选方案
}