觀察特定DIV的內容

Question

有沒有一種方法可以觀察特定DIV的內容，我想在DIV的內容更改后立即調用一個函數。

這可以是innerHTML替換，也可以是頁面加載。

謝謝

Answer 1

在現代瀏覽器中，您可以使用DOM突變事件，例如DOMSubtreeModified ， DOMCharacterDataModified 。 在IE中，您可以使用onchange事件。 對於所有其他瀏覽器，您可以設置一個計時器以檢查內容是否已更改。

Answer 2

您可以將元素的內容與先前的值進行比較。

檢索要觀看的元素

var div = document.getElementById("w");

創建觀察者：

var w1 = { watch: null, prev: div.innerHTML };

啟動觀察程序。 每100毫秒，它將把先前的值與當前值進行比較，如果不同，它將更新該值並觸發任何動作。

function Watch(w, e)
{
    w.watch = setInterval(function() {
       if (e.innerHTML != w.prev)
       {
           w.prev = e.innerHTML;
           alert("changed");
       }
    }, 100);
}

Watch(w1, div);

請參閱jsFiddle上的示例。

Answer 3

在此頁面中 ，它說，DIV的內容被修改時應觸發OnChange。

觀察div的變化不是有效的技術。 您是否考慮過獲得將DIV的內容更改為觸發和事件的代碼？

另外，您可以設置一個計時器來監視div中的更改並觸發某些事件。