原生JS封装addClass和removeClass方法

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

测试代码:

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

先执行添加方法:

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

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

再执行删除代码:

removeClass(box,"box3 box4");

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

你可能感兴趣的:(原生JS封装addClass和removeClass方法)