在添加到DOM时触发Javascript事件

有人知道在元素添加到DOM后如何在Javascript中为其触发事件吗

总体思路如下：

var elem = document.createElement('div');
elem.addEventListener('ON_ADD_TO_BODY', function(){console.log(elem.parentNode)});
//... LATER ON ...
parentElemInBody.appendChild(elem); // <- Event is triggered here after append

var elem=document.createElement（'div'）；
elem.addEventListener（'ON_ADD_TO_BODY'，function（）{console.log（elem.parentNode）}）；
//... 后来。。。
parentElemInBody.appendChild（elem）；// 使用域节点插入突变事件

此处的文档：

上述页面中给出的示例用法：

element.addEventListener("DOMNodeInserted", function (ev) {
  // ...
}, false);

注：2016年4月17日

到目前为止，不推荐使用突变事件。现在推荐的方法是。
我甚至不知道它们存在！我确实需要支持IE9-尽管：（那些关于性能点击率的评论不是很让人放心。我知道我在问题中没有具体说明，所以你的答案是正确的，但我确实需要考虑所有这些。是否有一种混合方法，至少支持IE9-？对于不支持上述内容的浏览器，你可能需要推出一个计时器，它可以周期性地y检查父元素的子元素并触发一些回调。