JS原生添加删除class的方法

之前习惯了使用jquery的addClass的方法,然后就去找了下别人写的代码。

[javascript] view plain copy
function hasClass(obj,cls) {  
    return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));  
};  
  
function addClass(obj,cls) {  
    if (!hasClass(obj,cls)) obj.className += " " + cls;  
}  
  
Object.prototype.removeClass = function removeClass(obj,cls) {  
    if (hasClass(obj,cls)) {  
        var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');  
        obj.className = obj.className.replace(reg, ' ');  
    }  
};  
  
function toggleClass(obj,cls){  
    if(this.hasClass(obj,cls)){  
        this.removeClass(obj,cls);  
    }else{  
        this.addClass(obj,cls);  
    }  
};

 

posted @ 2017-04-27 23:55  lewayjack  阅读(11762)  评论(0编辑  收藏  举报