如何在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');
});