1. 程式人生 > >JS封裝 — 原生新增類名,刪除類名

JS封裝 — 原生新增類名,刪除類名


/*
刪除類名
*/
window.onload = function () {
 
    var stamp = document.getElementById("btGetCode");       //根據id查詢到該標籤
    removeClass(stamp, "can-code");                         //呼叫JS原生刪除class的方法
    function hasClass(elements, cName) {
        return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); // ( \\s|^ ) 判斷前面是否有空格 (\\s | $ )判斷後面是否有空格 兩個感嘆號為轉換為布林值 以方便做判斷 
    };
    function removeClass(elements, cName) {
        if (hasClass(elements, cName)) {
            elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), ""); // replace方法是替換 
        };
    };
};



/*
新增類名
*/

window.onload = function () {
    
    var stamp = document.getElementById("btGetCode");       //根據id查詢到該標籤
    addClass(stamp, "can-code");                            //呼叫JS原生新增class的方法
    function hasClass(elements, cName) {
        return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); // ( \\s|^ ) 判斷前面是否有空格 (\\s | $ )判斷後面是否有空格 兩個感嘆號為轉換為布林值 以方便做判斷 
    };
    function addClass(elements, cName) {
        if (!hasClass(elements, cName)) {
            elements.className += " " + cName;
        };
    };
};


作者:李明達
來源:CSDN
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。