当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 原生js封装添加class,删除class的实例

原生js封装添加class,删除class的实例

2017年12月12日  | 移动技术网IT编程  | 我要评论

一、添加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的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网