关于JS事件冒泡与JS事件代理（事件委托）

 连接：https://blog.csdn.net/supercoooooder/article/details/52190100

核心代码：

1. <ul id="parentUl">  
2.         <li>我还是个孩子</li>  
3.         <li>我还是个孩子</li>  
4.         <li>我还是个孩子</li>  
5.         <li>我还是个孩子</li>  
6.         <li>我还是个孩子</li>  
7.     </ul>  

1. var ul = document.getElementById('parentUl');  
2.     ul.onclick=function (event) {  
3.       var e = event||window.event,  
4.               source = e.target || e.srcElement;//target表示在事件冒泡中触发事件的源元素，在IE中是srcElement  
5.         if(source.nodeName.toLowerCase() == "li"){   //判断只有li触发的才会输出内容  
6.             alert(source.innerHTML);  
7.         }  
8.         stopPropagation(e);                           //阻止继续冒泡  
9.     };  
10.     function addElement() {  
11.         var li = document.createElement('li');  
12.         li.innerHTML="我是新孩子";  
13.         ul.appendChild(li);  
14.     }