我们在使用原生js开发的时候会遇到添加类名和删除类名的情况，如果只有一两个还可以方便的处理，如果多个就有点力不从心了，下边是对两个方法进行的简单封装，可以像jq那些实现多个类名的增删，方法如下：
测试代码：
var box =document.getElementById("box");
先执行添加方法：
addClass(box,"on warp box1 box2 active box3 box3 box4");
在开发者工具中看html结构如下，可以看到类名已正常添加：
再执行删除代码：
removeClass(box,"box3 box4");
在开发者工具中看html结构如下，可以看到类名已正常删除：
我们在使用原生js开发的时候会遇到添加类名和删除类名的情况，如果只有一两个还可以方便的处理，如果多个就有点力不从心...
第一部分：原生js实现addClass,removeClass,hasClass方法 1.原生js实现addCla...
原生js实现增加删除class（addClass,removeClass,toggleClass） 参考 http...
addClass removeClass
通过classList原生实现JQuery的addClass、removeClass、hasClass。案例效果预...
1、hasClass 用法：if( hasClass(document.getElementById("p1"),...
jquary 方法 addClass 添加class removeClass 移出 prop 修改属性 css 添...
addClass、removeClass、toggleClass addClass 描述: 为每个匹配的元素添加指...
$(this).addClass("className").siblings().removeClass("cla...
本文标题：原生JS封装addClass和removeClass方法
本文链接：https://www.haomeiwen.com/subject/egdpjctx.html
网友评论