I want to somehow detect when the DOM of a page is changed in any way whether it be text replacement, moving a node, removing or adding a new node... and have a JavaScript function to react to a change in some way. The specific way I react shouldn't be important to explain.

I have a brute force solution which involves storing a disconnected copy of the DOM and comparing them on a small time interval. Differences lead to the copy being updated to match once again and the event handler function called.

So I have an inefficient, overly complex solution but do you know of an easier, more efficient way to detect a DOM change?

: I want to somehow detect when the DOM of a page is changed in any
: way whether it be text replacement, moving a node, removing or
: adding a new node... and have a JavaScript function to react to a
: change in some way. The specific way I react shouldn't be important
: to explain.
:
: I have a brute force solution which involves storing a disconnected
: copy of the DOM and comparing them on a small time interval.
: Differences lead to the copy being updated to match once again and
: the event handler function called.
:
: So I have an inefficient, overly complex solution but do you know of
: an easier, more efficient way to detect a DOM change?

Perhaps this works for you: http://w3schools.com/htmldom/event_onchange.asp
I'm not sure if all DOM objects implement this event.

Have you solved the problem ?

i am interested in that reply too.

This post has been deleted.

This post has been deleted.