JavaScript原生添加移除class的方法

1.JavaScript原生移除class方法

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方法是替換 
        };
    };
};


2.JavaScript原生添加class方法


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




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章