JS Bin

​

window.onload = function () {

  var group = document.getElementById('group');

  group.addEventListener('click', setEvent);

  function setEvent(event) {

    var insert = document.getElementById('insert');

    insert.addEventListener('DOMNodeInserted', showResult);

    var node = document.createTextNode('add text');

    insert.appendChild(node);

  }

  function showResult(event) {

    console.log(event.target.nodeValue);

    js.log('event.currentTarget.id: ', event.currentTarget.id);

    js.log('event.target.nodeValue: ', event.target.nodeValue);

    js.log('event.relatedNode.id: ', event.relatedNode.id);

  }

};

​

//////////////////////////////

//// utils

var js = {

  lineNumber: 1

};

​

js.log = function(text) {

  var node, child, lineText;

​

  node = document.getElementById('result');

  if (!node) {

    node = document.createElement('div');

    node.id = 'result';

    document.body.appendChild(node);

  }

​

  child = document.createElement('div');

​

  lineText = js.lineNumber + '.';

  lineText = Array.isArray(text) ? lineText + '[' + text + ']' : lineText + text;

​

  if (arguments.length > 1) {

    for (var k = 1; k < arguments.length; k++) {

      lineText += arguments[k];

    }

  }

​

  child.innerText === undefined ? child.textContent = lineText : child.innerText = lineText;

​

  node.appendChild(child);

  js.lineNumber += 1;

  return this;

};

​