Fire an event when the innerHTML of a <div> changes. In YUI or otherwise

Question

Is it possible to fire an event when the innerHTML of a changes?

I am using YUI 3.

Thanks!

Answer 1

There is no out of the box onchange event for divs. If you want this you are going to have write this yourself (with a timer and storing whats the current value etc).

I would however try to take it a step back and call a method when you change the innerValue of that div to take care of ... w/e.

Answer 2

Use a setter:

myDiv.__defineSetter__("innerHTML",
  function(newHTML) {
    ...
  }
);

https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Working_with_Objects#Defining_Getters_and_Setters

Answer 3

I think Fabian's right in that you'll need to user a timer and compare the value.

That being said, the right way to do this in YUI3 would be to define a synthetic DOM event using later.