detecting DOM change event

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?

Comments

  • : 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.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Categories