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);  
    }  
};

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM