博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用addeventlistener为js动态创建的元素添加事件监听
阅读量:4356 次
发布时间:2019-06-07

本文共 493 字,大约阅读时间需要 1 分钟。

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

 

<button οnclick="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>

    

转载于:https://www.cnblogs.com/7qin/p/10660678.html

你可能感兴趣的文章
基于Docker搭建MySQL主从复制
查看>>
两台centos之间传送文件
查看>>
使用DevExpress官方汉化文件对界面进行汉化的过程
查看>>
关于获取各种浏览器可见窗口大小的一点点研究
查看>>
C#获取枚举描述
查看>>
emwin 之模态窗口
查看>>
macdown快速上手
查看>>
Bone Collector 01背包问题
查看>>
toString方法分析
查看>>
c++ builder xe2 字符串转日期
查看>>
网络流 E - Escape HDU - 3605
查看>>
MySQL(13):Select-order by
查看>>
Java基础知识强化之网络编程笔记08:TCP之客户端键盘录入服务器控制台输出
查看>>
10.11讲的内容总结
查看>>
datetime赋空值
查看>>
类似银行交易记录
查看>>
mysql 使用shell时出现 ERROR 2006 (HY000): MySQL server has gone away 解决方法
查看>>
HDU 1326 Box of Bricks(水~平均高度求最少移动砖)
查看>>
0409
查看>>
【转载】web开发中 web 容器的作用(如tomcat)
查看>>