DIV的table切换（选项卡）

最新推荐文章于 2024-05-20 14:31:08 发布

明仔丶

最新推荐文章于 2024-05-20 14:31:08 发布

阅读量2.6k

点赞数

分类专栏：学习之路文章标签： js选项卡

本文链接：https://blog.csdn.net/mingzaiwang/article/details/50402515

版权

学习之路专栏收录该内容

51 篇文章 2 订阅

订阅专栏

前天在群里面，有一个实习生说了一个问题关于table切换为什么总是ul和li呢！

现在才写这一篇超级抱歉，我们继续不能耽误时间!

#begin

<script>
window.onload = function(){

    tab("tab_t","li","tab_c","div","onmouseover")
    function tab(tab_t,tab_t_tag,tab_c,tag_c_tag,evt){
        var tab_t = document.getElementById(tab_t);
        var tab_t_li = tab_t.getElementsByTagName(tab_t_tag);
        var tab_c = document.getElementById(tab_c);
        var tab_c_li = tab_c.getElementsByTagName(tag_c_tag);
        var len = tab_t_li.length;
        var i=0;
        for(i=0; i<len; i++){
            tab_t_li[i].index = i;
            tab_t_li[i][evt] = function(){
                for(i=0; i<len; i++){
                    tab_t_li[i].className = '';
                    tab_c_li[i].className = 'hide';
                }
                tab_t_li[this.index].className = 'act';
                tab_c_li[this.index].className = '';
            }
        }
    }
    
}