原生JS封装addClass和removeClass方法

2019-08-12  本文已影响0人  浪荡小树人

我们在使用原生js开发的时候会遇到添加类名和删除类名的情况,如果只有一两个还可以方便的处理,如果多个就有点力不从心了,下边是对两个方法进行的简单封装,可以像jq那些实现多个类名的增删,方法如下:

测试代码:

var box =document.getElementById("box");

先执行添加方法:

addClass(box,"on warp box1 box2    active  box3 box3 box4");

在开发者工具中看html结构如下,可以看到类名已正常添加:

再执行删除代码:

removeClass(box,"box3 box4");

在开发者工具中看html结构如下,可以看到类名已正常删除:

上一篇 下一篇

猜你喜欢

热点阅读