Question

我需要检测DOM更改（特别是在添加DOM元素时）。
因此可以在Chrome，Firefox，IE9 +中调用方法

假设我们有一个动态添加li的按钮，如下所示：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>
<input id="btn" type="submit" value="Add Item"> 
<ul/>
<script type="text/javascript">
    $("#btn").click(function(){
        $("<li />").html("item").appendTo("ul");
    })
</script>

我需要类似的东西来检测li添加物，例如：

onDomChange(function(){ 
    alert("DOM changed !");
});

我已经实现了这个解决方案： http://jsfiddle.net/Lcybj/
但它只适用于Chrome。

如何在3种浏览器上实现解决方案？

Answer 1

有一些事件，但我不认为所有浏览器都支持它们。看看这个（行突变）：WIKI DOM EVENTS

如何检测DOM节点插入？

1 个答案: