How do I monitor the DOM for changes?

Question

Is there a way - using jQuery or otherwise - to monitor the DOM for insertions, deletions, updates to styles, etc?

Answer 1

You should look here: http://www.quirksmode.org/dom/events/tests/DOMtree.html

We're a long way from something that runs everywhere I'm afraid.

EDIT: Also, jQuery now features a way to attach events to existing AND future elements corresponding to a selector: http://docs.jquery.com/Events/live#typefn

It may be a trick you could use for lack of proper DOM Node modification info.

Answer 2

Does your DOM implementation support XML Events?

(Edit: The comment prior to this one links to a web site that tests the browser's DOM Events implementation; "DOM Events" is the DOM binding for the more abstract XML Events definition. Confused yet? :-)