使用addeventlistener为js动态创建的元素添加事件监听

点击li弹出内容,并且动态添加li之后有效

<button onclick="addFunction()">点我增加</button>
<ul></ul>
<script type="text/javascript">
var num = 1;
var u=document.querySelector("ul");
function addFunction(){
var l=document.createElement('li')
var t=document.createTextNode(num);
l.appendChild(t);
u.appendChild(l);
num++
};
u.addEventListener('click',function(e){
if(e.target && e.target.nodeName.toUpperCase() === 'LI') {
console.log(e.target.innerHTML)
}
})
</script>