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

为什么这样写达不到效果？i的值传不到function内吗？

window.onload=function(){

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

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

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

ps[i].onclick=function(){

if(uls[i].style.display=="none")

{ uls[i].style.display="block";}

else{uls[i].style.display="none"; }

}

VanCool无邪

2017-02-14

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

关注问题我要回答

1198

操作

收起

3 回答

非常有喜回答被采纳 +3 积分
2017-03-14

onclick这个是一个回调函数，回调函数里面的I值已经变为了ps.length；你可以像老师那样在外面保存i的值，或者利用闭包实现。

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

收起回答

lemeo12
2017-02-27

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

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

加上

alert('ps.length');

alert('uls.length');

试试，如果没有数字显示，就在前面加上

function $(id)

{

return typeof id ==='string'?document.getElementById(id):id;

}

我就是遇到了这个问题。

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

收起回答

慕粉1626556005
2017-02-15

传不到 , 此时的i已经是 ps.length-1 了;

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

收起回答

0/150

提交

取消

Tab选项卡切换效果

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

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

进入课程

本课相似问答

5 回答为什么function里非要用this呢？直接用lis[i]不行吗？

4 回答用jquery写的为什么找不到 mouseover这个函数呢？

3 回答不一样的效果

5 回答为什么效果出不来呢？$这个也可以用吗？

2 回答这样给变量赋值为什么不行

搜索更多本课相关问答

为什么这样写达不到效果？i的值传不到function内吗？

我要回答关注问题

热搜

最近搜索清空

为什么这样写达不到效果？i的值传不到function内吗？

3 回答

本课相似问答

为什么这样写达不到效果？i的值传不到function内吗？