里面的js部分不理解，求解答 万分感谢！！
程序爱好者11
2015-06-05 17:08
具体请看代码快照！！！
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>
主要是这些不理解
1回答
-
- 伊兮尘昔
- 2015-06-05 18:24:55
首先这是一个循环，下面是详细解析：
循环变量i从0开始小于变量rui的长度，步进值为1
将rui数组中的每个元素设置一个索引值，索引的值为每次循环变量i的值；
给rui数组中的每个元素设置点击事件；
在点击事件函数中首先写了一个循环：
循环变量n从0开始小于变量rui的长度，步进值为1
设置变量rui中的每个元素的类选择器为空；
设置变量du中的每个元素的选择器名为c的类选择器；
循环体外：
设置被点击的元素的样式，设置为类选择器名为tip中的样式；
设置变量du中与被点击元素索引相等的样式，将类选择器设置为空
以上为详细讲解，整体讲一下就是，选项卡点击的时候下面的div元素的样式跟着变换
JavaScript进阶篇
468061 学习 · 21891 问题
相似问题