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