js封裝操作class步奏詳解

這次帶給大家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(" ")
}

我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

js實作數字變化

#js中apply與call使用詳解（附程式碼）

以上是js封裝操作class步奏詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！