原生js封装添加class,删除class的实例
网络 2017-11-24 1760
一、添加class
1 2 3 4 5 6 7 8 9 10 | 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
1 2 3 4 5 6 | 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实现简单数字变动效果