<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>...</title>
</head>
<body>
<script type="text/javascript">
document.addEventListener( 'DOMNodeInserted', function( e ) {
alert( "inserted: " + e.target.nodeName );
}, false );
var div = document.createElement( "div" );
// событие на вставку элемента A не сработает, так как мы вставляем его до того как дивак будет вставлен в DOM
div.innerHTML = '<a href="http://yandex.ru/">test link</a>';
document.body.appendChild( div ); // сработает событие на вставку DIV
var b = document.createElement( "b" );
document.body.appendChild( b ); // сработает событие на вставку B
b.innerHTML = '<i>italic</i>'; // сработает событие на вставку I
</script>
</body>
</html>
