下面代码中 aLi[i].index = i;有什么作用?

来源:10-1 编程挑战

慕哥0503841

2019-08-22 17:05

window.onload = function() {

        var oUl1 = document.getElementById("ul1");

        var aLi = oUl1.getElementsByTagName("li");

        var oDiv = document.getElementById("tab-list");

        var aDiv = oDiv.getElementsByTagName("div");

        for(var i = 0; i < aLi.length; i++) {

            aLi[i].index = i;

            aLi[i].onmouseover = function() {

                for(var i = 0; i < aLi.length; i++) {

                    aLi[i].className = "";

                }

                this.className = "active";

                for(var j = 0; j < aDiv.length; j++) {

                    aDiv[j].className = "hide";

                }

                aDiv[this.index].className = "show";

            }        

        }

    }


写回答 关注

1回答

  • qq_慕UI5299547
    2019-08-25 17:32:20
    已采纳

    我是这样想的  给aLi[i]增加一个属性  名为index  值为i

    在这里引用  https://img1.mukewang.com/5d62552d0001d73302860045.jpg

    用来匹配相对应的div内容

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468190 学习 · 21891 问题

查看课程

相似问题