元素插入事件

Question

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

或者，是否可以创建一个处理元素的函数，因为它们被添加或更改？类似于jQuery live函数如何在特定父元素内传播现有元素和将来元素的单击处理程序。

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

Answer 1

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

  

DOMNodeInserted：在添加节点作为子节点时触发   另一个节点。插入完成后将调度此事件   地点。此事件的目标是要插入的节点。

使用它会是这样的：

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

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

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