HTML结构
<ul>
<li>喜欢你第n天</li>
<li>喜欢你第n天</li>
<li>喜欢你第n天</li>
<li>喜欢你第n天</li>
<li>喜欢你第n天</li>
<li>喜欢你第n天</li>
<li>喜欢你第n天</li>
<li>喜欢你第n天</li>
<li>喜欢你第n天</li>
<li>喜欢你第n天</li>
</ul>
js代码段
<script>
var ul=document.querySelector("ul");
ul.onclick=function(ev){ //将事件添加给父元素
if(ev.target.nodeName=="LI"){
console.log("张三");
}
}
var li=document.querySelector("li"); //后期添加的子元素依然会有点击事件
ul.appendChild(li); //追加
</script>