DOM : How to detect a new child elements?

Question

I want to detect the insertion of a new div element only as a direct child of the parent div.

Example:

Answer 1

Assume your event handler looks like this:

function(evt) {
    // whatever
}

Inside the handler, evt.relatedNode is the element into which the insertion is being performed. You can switch on it and decide to ignore or process the event.

See it in action.