问答详情
源自:10-1 编程挑战

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

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

提问者:GiveMeGeek 2016-06-30 23:39

个回答

  • 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";

    }

    }

    }


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

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