原生js封装添加class,删除class的实例
作者：一步一步向上爬
下面小编就为大家带来一篇原生js封装添加class,删除class的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望对大家有所帮助
一、添加class
function addClass(ele,cName) {
var arr = ele.className.split(' ').concat(cName.split(" "));
for(var i=0;i<arr.length;i++){
for(var k=arr.length-1;k>i;k--){
(arr[k]==="")&&arr.splice(k,1);
(arr[i]===arr[k])&&arr.splice(k,1);
}
}
ele.className = arr.join(" ");
}
二、删除class
function removeClass(ele,cName) {
var arr1 = ele.className.split(' ');
var arr2 = cName.split(" ");
for(var i=0;i<arr2.length;i++)for(var j=arr1.length-1;j>=0;j--)(arr2[i]===arr1[j])&&arr1.splice(j,1)
ele.className = arr1.join(" ")
}
其中还有一点空格的问题没有解决，如果你能学到一点东西，我会非常开心。
以上这篇原生js封装添加class,删除class的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。