原生JavaScript实现切换tab显示不同的样式

2021-01-25 22:13

阅读：492

标签：ssl tab bottom class remove name border 今天 get

1、HTML代码

tab1

tab2

tab3

2、CSS代码

.active {
    border-bottom: 2px solid #d5e6f0;
}

3、JS代码

function changeTab(param){
    if(param){
        document.getElementsByClassName("active")[0].classList.remove("active"); // 删除之前已选中tab的样式
        param.classList.add(‘active‘); // 给当前选中tab添加样式
    }
}

维护一个很老很老的项目，只能用原生js写，所以今天记录一下这个方法。

原生JavaScript实现切换tab显示不同的样式

标签：ssl tab bottom class remove name border 今天 get

原文地址：https://www.cnblogs.com/ywy8/p/12859384.html

上一篇：python学习20200509while循环语句

下一篇：array_intersect_uassoc — 带索引检查计算数组的交集，用回调函数比较索引

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：原生JavaScript实现切换tab显示不同的样式
文章链接：http://soscw.com/index.php/essay/46982.html

亲，登录后才可以留言！

原生JavaScript实现切换tab显示不同的样式

评论

热门文章

推荐文章

最新文章

置顶文章