<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' } }
解决 无用评论 打赏 举报
悬赏问题
- ¥20 怎么在stm32门禁成品上增加记录功能
- ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
- ¥50 NT4.0系统 STOP:0X0000007B
- ¥15 想问一下stata17中这段代码哪里有问题呀
- ¥15 flink cdc无法实时同步mysql数据
- ¥100 有人会搭建GPT-J-6B框架吗?有偿
- ¥15 求差集那个函数有问题,有无佬可以解决
- ¥15 【提问】基于Invest的水源涵养
- ¥20 微信网友居然可以通过vx号找到我绑的手机号
- ¥15 解riccati方程组