事件委托

事件委托：将子标签的事件委托给父元素去处理

var btn = document.querySelector("button");
var ul = document.querySelector("ul");
btn.onclick = function(){
    var li = document.createElement("li");
    li.innerText = '44444444444';
    ul.appendChild(li)
    // 再绑定一次
}

// 将所有li的事件委托给ul处理
ul.onclick = function(e){
    var e = e || window.event;
    console.log(e.target.innerText);//获取到精准的目标元素：事件对象.target
    // e.target在低版本ie中不兼容
    // console.log( e.srcElement.innerText )
    // console.log(111);
}

事件委托的好处：

1.提高绑定效率

2.新添加的子元素也能具备事件