<body>
<ul></ul>
<script>
var list = document.getElementsByTagName('ul')[0]
var aLi = document.getElementsByTagName('li')
for(var i=0;i<9;i++){
list.innerHTML +=`<li></li>`//循环生成li
if(0 == i%3){
aLi[i].style.backgroundColor = 'pink'
}else if(1 == i%3){
aLi[i].style.backgroundColor = 'orange'
}else if(2 == i%3){
aLi[i].style.backgroundColor = 'skyblue'
}
aLi[i].onmouseover = function() {
this.style.backgroundColor = 'green'//只有最后一个li绑定成功
}
}
</script>
</body>
for循环添加li到ul,同时绑定事件,为什么只有最后一个li绑定到事件(超级感谢大佬)
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答
- Kevin.Y.K 2019-10-11 10:47关注
var list = document.getElementsByTagName('ul')[0] for(var i=0;i<9;i++){ list.innerHTML +='<li></li>';//循环生成li } var aLi = document.getElementsByTagName('li') for(var i=0;i<aLi.length;i++){ if(0 == i%3){ aLi[i].style.backgroundColor = 'pink' }else if(1 == i%3){ aLi[i].style.backgroundColor = 'orange' }else if(2 == i%3){ aLi[i].style.backgroundColor = 'skyblue' } aLi[i].onmouseover = function() { this.style.backgroundColor = 'green' } }
解决 无用评论 打赏 举报
悬赏问题
- ¥15 要给毕业设计添加扫码登录的功能!!有偿
- ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
- ¥15 微信公众号自制会员卡没有收款渠道啊
- ¥15 stable diffusion
- ¥100 Jenkins自动化部署—悬赏100元
- ¥15 关于#python#的问题:求帮写python代码
- ¥20 MATLAB画图图形出现上下震荡的线条
- ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
- ¥15 perl MISA分析p3_in脚本出错
- ¥15 k8s部署jupyterlab,jupyterlab保存不了文件