|
|
dom监听表格数据变化
21浏览 · 2024-10-14 14:04:53
在DOM操作中，监听表格（table）数据的变化通常涉及到事件监听或者使用一些库如MutationObserver。如果你想实时检测表格数据（例如表格中的tr行或td单元格）的更改，可以这样做：
1. **MutationObserver** (浏览器原生支持):
```javascript
const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
if (mutation.type === 'childList' && mutation.addedNodes.length) {
mutation.addedNodes.forEach(node => {
if (node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() === 'tr') {
// 处理新添加的行
handleNewRow(node);
function handleNewRow(row) {
// 在此处处理新的表格行数据
// 观察tbody元素
observer.observe(document.querySelector('#myTable tbody'), { childList: true, subtree: true });