yuliy— 2019-10-11 09:46 采纳率: 0%
浏览 400

for循环添加li到ul,同时绑定事件,为什么只有最后一个li绑定到事件(超级感谢大佬)

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

  • 写回答

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方程组