javascript - 元素插入事件

Question

<tr>插入 a时是否会触发 JavaScript 事件<table>？

或者，是否可以创建一个在添加或更改元素时处理元素的函数？类似于 jQuerylive函数如何为某个父元素内的现有和未来元素传播点击处理程序。

背景：我有一个表（jQuery DataTables），它在启动时加载，然后在本地编辑（可以添加或删除某些类）。问题是，我想根据其内容为每一行添加一个特定的类。

score 3 · Accepted Answer

你一定在寻找这样的东西：

DOMNodeInserted：当一个节点被添加为另一个节点的子节点时触发。此事件在插入发生后调度。此事件的目标是正在插入的节点。

使用它会是这样的：

$("table").addEventListener("DOMNodeInserted", function(event) {
    alert("something has been inserted");
    console.log(event.target)
});

（我没有测试过，但它应该是要走的路）

我想补充一点，如果您尝试这样做，您的代码中可能存在某种奇怪之处。必须有一个更简单的方法，也许通过一个addRow(row)触发事件的简单方法？

1 回答 1