js监听元素变化

使用js来监听元素的变化，我最初想到的是使用change来实现，尝试无果，查询手册才知道change只作用于表单元素，像input,textarea,select等这一类的表单元素。

change事件的jQuery手册说明

当元素的值发生改变时，会发生 change 事件。
该事件仅适用于文本域（text field），以及 textarea 和 select 元素。当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。

后来查询得知通过给待监听元素绑定DOMNodeInserted事件和DOMNodeRemoved事件，可以实现监听该元素的变化。

代码示例：

很不幸的是在IE8以及IE8以下版本中，并不支持该事件。