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
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

 

你可能感兴趣的:(JavaScript)