如何监听页面元素增加

Question

在页面上动态添加元素，如何才能实现通过判断目标元素的length改变来触发事件？

Answer 1

监听这个事件DOMSubtreeModified。
表示如果当前监听元素的子节点有改动：包括删除子节点、增加子节点、修改子节点的内容，都会触发这个事件。

var container = document.querySelector(".target")
container.addEventListener('DOMSubtreeModified', function () {
    // do sth
}, false);

Answer 2

你在動態添加元素按鈕中，添加監聽事件，再觸發監聽事件時候對目標元素的length進行判斷，假如有變就觸發某個事件

Answer 3

能不能在你动态添加完元素，来判断一下目标元素的length来触发呢。