原生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结构如下,可以看到类名已正常删除:
