js事件代理

将事件添加到父元素身上，当事件发生的时候，父元素会找到对应触发事件的子元素去处理，后期添加的子元素也有这个效果

  <script>
        var ul = document.getElementsByTagName('ul')[0];
        ul.onclick = function(ev){
   
            var oEvent = window.event||ev;
            var target = oEvent.target || oEvent.srcElement;
            if(target.nodeName === 'LI'){
   
                target.style.background = 'pink';


            }

        }
        ul.innerHTML += '<li>6</li>';
    </script>

    <ul>
        <li>事件代理</li>
        <li>事件代理</li>
        <li>事件代理</li>