Как обнаружить вставку DOM-узлов?

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

Есть некоторые события, но я не думаю, что они поддерживаются всеми браузерами. Взгляните на это (Row Mutation): WIKI DOM EVENTS