原生js封装添加class,删除class

2018-06-24 00:41:58来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

一、添加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(" ")
}

其中还有一点空格的问题没有解决,如果你能学到一点东西,我会非常开心。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:教你如何搭建一个自动化构建的博客

下一篇:深入理解JavaScript中的继承:原型链篇