如何在Javascript中监视UL元素上的元素更改

Question

我想监视UL元素以查看子元素的更改，例如li添加或删除等.UL用于在屏幕中显示每个li将成为单独选项卡的选项卡。当更改选项卡时，我没有控制权来修改选项卡脚本以在我的脚本文件中调用我自己的函数。

我必须主要支持IE浏览器，并且必须使用纯JavaScript。

Answer 1

IE11应支持MutationObserver

Answer 2

我知道这种可能性的唯一方法就是这样。我不能说这是一个非常好的方法。

var onchange = function(element, callback) {
    var HTML = element.innerHTML;
    window.setInterval(function() {
        var newHTML = element.innerHTML;
        if(HTML !== newHTML) {
            HTML = newHTML;
            callback(element);
        }
    });
}

这将监视元素并检查innerHTML如果它已经改变，它将调用你的回调函数。

演示：http://jsfiddle.net/qmB97/

用法：

onchange(HTMLElement, function() {
   alert('change');
});