addEventListener - detect changes in div-elements?

Question

I want to detect changes in div-elements. I tried already the \"addEventListener\" with some types (e.g.: change, load).

Here is my example, but the event won\'t tr

Answer 1

You can use a MutationObserver.

From MDN:

// select the target node
var target = document.querySelector('#some-id');

// create an observer instance
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.type);
  });    
});

// configuration of the observer:
var config = { attributes: true, childList: true, characterData: true };

// pass in the target node, as well as the observer options
observer.observe(target, config);

// later, you can stop observing
observer.disconnect();

---

Note: Deprecated

What I have done in the extensions I wrote was to listen on DOMNodeInserted.

div.addEventListener("DOMNodeInserted", function (e) {
    e.target // 
}, false);