问答详情
源自:10-1 编程挑战

里面的js部分不理解,求解答 万分感谢!!

具体请看代码快照!!!

 

window.onload=function(){

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

        var oul=document.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].onclick=function(){

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

            olis[n].className="";

            odivs[n].className="hide"

           }

           this.className="on";

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

       }

    };

    }

    </script>

 

 

主要是这些不理解


提问者:程序爱好者11 2015-06-05 17:08

个回答

  • 伊兮尘昔
    2015-06-05 18:24:55

    首先这是一个循环,下面是详细解析:

    循环变量i从0开始小于变量rui的长度,步进值为1

    将rui数组中的每个元素设置一个索引值,索引的值为每次循环变量i的值;

    给rui数组中的每个元素设置点击事件;

    在点击事件函数中首先写了一个循环:

    循环变量n从0开始小于变量rui的长度,步进值为1

    设置变量rui中的每个元素的类选择器为空;

    设置变量du中的每个元素的选择器名为c的类选择器;

    循环体外:

    设置被点击的元素的样式,设置为类选择器名为tip中的样式;

    设置变量du中与被点击元素索引相等的样式,将类选择器设置为空

    以上为详细讲解,整体讲一下就是,选项卡点击的时候下面的div元素的样式跟着变换