                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /Tab选项卡切换效果

球大神帮我看看，哪里出错了，为什么不对。。。

window.onload=function(){

// 将所有点击的标题和要显示隐藏的列表取出来

var menu=document.getElementById("menu");

var ps=menu.getElementsByTagName("p");

var uls=menu.getElementsByTagName("ul");

// 遍历所有要点击的标题且给它们添加索引及绑定事件

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

ps[i].onclick=function(){

if(uls[this.id].style.display=="block"){

uls[this.id].style.display="none";

}else{

uls[this.id].style.display="block";

}

}

}

xvvg

2015-11-20

源自：Tab选项卡切换效果 1-5

关注问题我要回答

845

操作

收起

4 回答

李晓健
2015-11-20

没有页面结构，不知道具体什么总是，不过你的js代码倒是有一个问题，就是最后少了一个 }

0 回复有任何疑惑可以回复我~

#1

xvvg 提问者

非常感谢！

2015-11-21 回复有任何疑惑可以回复我~

#2

xvvg 提问者

没有页面结构是什么意思，再给我说说，谢谢

2015-11-21 回复有任何疑惑可以回复我~

#3

李晓健回复 xvvg 提问者

页面结构就是html代码

2015-11-21 回复有任何疑惑可以回复我~

qq_飞扬_13
2016-06-11

你不加ps[i].id=i;证明ps[i].id还不存在你直接在方法中调用肯定是不行的

0 回复有任何疑惑可以回复我~

qq_飞扬_13
2016-06-11

这关系到i的做作用域的问题在点击或者划过等事件中不能直接引用i 如果for循环中你定义的i<5 那么你在划过或者点击事件中引用的i直接是5具体的你搜索下变量作用域就能知道的

0 回复有任何疑惑可以回复我~

xvvg 提问者
2015-11-21

我加了一个ps[i].id=i,就出来了，我不太懂为什么加这个，帮我分析分析吧，谢谢了

0 回复有任何疑惑可以回复我~

#1

完整代码？

2015-11-21 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

Tab选项卡切换效果

参与学习 65469 人
解答问题 533 个

本课程详细介绍网页页面中最流行常用的tab切换效果

本课相似问答

5 回答求哪位大神帮我看看哪出错了？

1 回答求救大佬们看看是哪里出错了？

2 回答急，有木有大神帮忙看看我这个为什么隐藏的无法显示

2 回答为什么效果出不来，哪里错了

1 回答大家帮忙看下哪里有问题？

搜索更多本课相关问答

球大神帮我看看，哪里出错了，为什么不对。。。

我要回答关注问题

意见反馈帮助中心 APP下载