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

Posted 2021-02-15 笠航

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

 

<button onclick="addFunction()">点我增加</button> <ul></ul> <script type="text/<a href="https://it.cha138.com/javascript/" target="_blank"><strong class="keylink">javascript</strong></a>"> 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.inner<a href="https://it.cha138.com/html/" target="_blank"><strong class="keylink">html</strong></a>) } }) </script>