选项卡切换以后,为什么内容消失了

来源:10-1 编程挑战

GiveMeGeek

2016-06-30 23:39

为什么我的选项卡实现切换效果后,内容却消失了。

写回答 关注

2回答

  • 9527_24
    2016-07-01 11:13:56
    已采纳

    帮你改了一下  原因我不清楚 不过改完还是出错我也不太会 不过效果出来了

    function changeTab(obj){

                var tabs = document.getElementsByClassName("tab");

                var tabs_active = document.getElementsByClassName("tab_active")[0];

                var contents = document.getElementsByClassName("content");

                var contents_active = document.getElementsByClassName("content_active")[0];


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

    if(tabs[i] == obj){

    var index = i;

    tabs_active.className = "tab";

    tabs[i].className = "tab tab_active";

    contents[index].className = "content content_active";

                   contents_active.className = "content";

    }

    }

    }


    GiveMe...

    我觉得,因为通过getElementsByClassName是获取的一个数组,所以必须得给其一个索引。

    2016-07-02 13:45:34

    共 2 条回复 >

  • 9527_24
    2016-07-01 11:17:56

    感觉是因为getElemensByClassName的问题 获取ul标签 然后你修改了className 

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题