给新生成的节点（动态生成节点）绑定事件方法总结

$('.father').on('click',',child',function(){})

$(document).on('click',',child',function(){})

document.querySelector('body').addEventListener('click',function (e) {
 if(e.target.classList.contains('.child')){
    //具体操作
}
})
document.querySelector('.father').addEventListener('click',function (e) {
 if(e.target.classList.contains('.child')){
    //具体操作
}
})
//可以直接取id，father是就是id
father.addEventListener('click',function (e) {
 if(e.target.id == 'child' ){
    //具体操作
}
})
<ul id="list">
  <li id="item1" >item1</li>
  <li id="item2" >item2</li>
  <li id="item3" >item3</li>
</ul>
<script>
var list = document.getElementById("list");
document.addEventListener("click",function(event){
    var target = event.target;
    if(target.nodeName == "LI"){
        alert(target.innerHTML);
    }
})
var node=document.createElement("li");
var textnode=document.createTextNode("item4");
node.appendChild(textnode);
list.appendChild(node);
</script>

var id = setInterval(function () {
console.log('定时器循环事件绑定')
},1000)；