哪位大神可以帮我解说以下代码？-慕课网

首页课程实战体系课手记专栏慕课教程

哪位大神可以帮我解说以下代码？

来源：10-1 编程挑战

慕粉3597558

2016-08-05 15:11

window.onload=function(){

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

var li=document.getElementsByTagName("li");

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

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

li[i].index=i;

li[i].onclick=function(){

for(var n=0;n<li.length;n++){

li[n].className="";

div[n].className="hide";

}

this.className="on";

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

}

写回答关注

1回答

Joker208: 2016-08-05 15:51:03

已采纳

语言组织比较差，有问题可以回复我

 window.onload=function(){
		//将id=tabs的节点赋值给"oTab"
        var oTab=document.getElementById("tabs");
		//将所有li节点赋值给"li"这个数组
        var li=document.getElementsByTagName("li");
		//将oTab下的所有div节点赋值给"div"这个数组
        var div=oTab.getElementsByTagName("div");
		//遍历所有的li节点
        for(var i=0;i<li.length;i++){
			//给每一个li设置索引值
            li[i].index=i;
			//给每一个li添加单击事件
            li[i].onclick=function(){
				//遍历oTab下的所有div节点
                for(var n=0;n<li.length;n++){
					//给每一个li的class属性设置为""
                    li[n].className="";
					//给每一个div的class属性设置为"hide"
                    div[n].className="hide";
                }
				//给当前li的class属性设置为"on"
                this.className="on";
				//给当前li的索引值对应的div的class属性设置为""
                div[this.index].className="";
            }
        }

3 0

Joker2... 回复N41

只通过这一段js代码，信息量太少，无法回答你所提问的问题，具体的你需要问一下题主了

2016-11-29 13:09:38

共 3 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题

哪位大神帮我来看下代码？

回答 1