美文网首页
原生JS封装addClass和removeClass方法

原生JS封装addClass和removeClass方法

作者: 浪荡小树人 | 来源:发表于2019-08-12 19:43 被阅读0次

    我们在使用原生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方法

          本文链接:https://www.haomeiwen.com/subject/egdpjctx.html