软件网站开发公司名字,浏览器加速器免费版,wordpress微商授权,网站开发有名的公司下面介绍一下如何给一个节点添加和删除class名添加#xff1a;节点.classList.add(类名)#xff1b;删除#xff1a;节点.classList.remove(类名)#xff1b;以tab切换为例#xff1a;在写tab切换的时候#xff0c;通常我们会给选中的tab设置不同…下面介绍一下如何给一个节点添加和删除class名添加节点.classList.add(类名)删除节点.classList.remove(类名)以tab切换为例在写tab切换的时候通常我们会给选中的tab设置不同的样式常用的方法是给被选中的tab新增一个class名然后改这个class名的样式。比如 起一个class名叫“active”设置样式.active{color: #FFD113 !important;}在html代码中给首页(默认选中)加上class名active首页效果是这样的在点击切换的过程中我们需要给被选中的子选项添加“active”然后让其它子选项删除“active”名。该怎么做呢首先通过JS取到所有tab的节点var arr document.getElementsByClassName(tab_item);然后只需在被选中的子节点加上.classList.add(类名)比如arr[i].classList.add(active);这样就给当前子选项卡添加了“active”类名。然后我们把其他的选项卡的“active”移除只需要在其他子节点的后面加上.classList.remove(类名)比如arr[j].classList.remove(active);这样就实现了我们想要的功能。当然也可以通过其他方法比如下面(来源https://segmentfault.com/q/1010000002955089?sortcreated)
