可以使用像 Knockout 这样的库来监控 DOM 节点的插入/删除吗？

Question

我一直在寻找监视 DOM 节点插入/删除的解决方案，但没有成功。例如，像 DOMnodeInserted 这样的事件不是跨浏览器的，并且正在被弃用。

我最近观看了有关实现 MVC 或 MVVM 模式的库的教程，例如 Backbone 或 Knockout。由于此类库监视 DOM 元素，我想知道它们是否可用于监视 DOM 节点插入/删除。

例如：

• 如果我在页面上有一个选择元素，我想在添加新选项时触发一个操作。
• 如果我在页面上有一个表格元素，我想在添加或删除行时触发一个操作。

Answer 1

这不是 Knockout 所做的，我认为你不会在那里找到成功。

你可以做一些事情，比如将你的选择元素绑定到一个 KO observableArray，然后监视该数组的变化。但这并不能阻止有人手动将选择元素插入 DOM。

底线：对于 KO，你找错了树。