javascript - 观察特定DIV的内容

Question

有没有办法观察特定DIV的内容，我想在DIV的内容发生变化时立即调用一个函数。

这可以是 innerHTML 替换，页面加载。

Answer 1

您可以检查元素的内容与之前的值进行比较。

检索要观看的元素

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);

See this example on jsFiddle.