js封装操作class步奏详解
程序员文章站
2022-04-30 20:57:02
...
这次给大家带来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(" ") }
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是js封装操作class步奏详解的详细内容,更多请关注其它相关文章!
上一篇: php赋值运算符