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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。