javascript - 如何監聽頁面元素增加

Question

在頁面上動態加入元素，如何實現透過判斷目標元素的length改變來觸發事件？

Answer 1

監聽這事件DOMSubtreeModified。
表示如果目前監聽元素的子節點有改動：包含刪除子節點、增加子節點、修改子節點的內容，都會觸發這個事件。

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

Answer 2

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

Answer 3

能不能在你動態加入完元素，來判斷一下目標元素的length來觸發呢。