系统给的答案,第二个for循环是什么意思啊?

来源:10-1 编程挑战

春白

2018-10-26 10:14

<script type="text/javascript">

        window.onload = function(){

            var oTab = document.getElementById("tabs");

            var oUl = oTab.getElementsByTagName("ul")[0];

            var oLis = oUl.getElementsByTagName("li");

            var oDivs= oTab.getElementsByTagName("div");


            for(var i= 0,len = oLis.length;i<len;i++){

                oLis[i].index = i;

                oLis[i].onmousemove = function() {

                    for(var n= 0;n<len;n++){

                        oLis[n].className = "";

                        oDivs[n].className = "hide";

                    }

                    this.className = "on";

                    oDivs[this.index].className = "";

                }

            }

        }

   </script>



写回答 关注

1回答

  • 慕桂英1452036
    2018-10-26 20:40:14

    第二个for循环的作用是排他,统一将li的类名去掉,取消选中效果.循环结束之后通过this获得事件触发元素,然后给它上on这个类名来显示.以此做到仅选中元素显示,其他元素隐藏的效果.

JavaScript进阶篇

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

469409 学习 · 22585 问题

查看课程

相似问题