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'
            }
        }
    评论

报告相同问题？

悬赏问题

  • ¥50 永磁型步进电机PID算法
  • ¥15 sqlite 附加（attach database）加密数据库时，返回26是什么原因呢？
  • ¥88 找成都本地经验丰富懂小程序开发的技术大咖
  • ¥15 如何处理复杂数据表格的除法运算
  • ¥15 如何用stc8h1k08的片子做485数据透传的功能？(关键词-串口)
  • ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗？
  • ¥200 uniapp长期运行卡死问题解决
  • ¥15 latex怎么处理论文引理引用参考文献
  • ¥15 请教：如何用postman调用本地虚拟机区块链接上的合约？
  • ¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题：[h264 @ 000000004faf7500]no frame？