当前位置:Gxlcms > JavaScript > js封装操作class步奏详解

js封装操作class步奏详解

时间:2021-07-01 10:21:17 帮助过:5人阅读

这次给大家带来js封装操作class步奏详解,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(" ")
}

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

js实现数字变化

js中apply与call使用详解(附代码)

以上就是js封装操作class步奏详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行