使用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>