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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

一步一步向上爬   2021-03-28 我要评论
想了解原生js封装添加class,删除class的实例的相关内容吗,一步一步向上爬在本文为您仔细讲解原生js封装添加class,删除class的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:原生js添加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的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们