原生HTML元素class操作

 

var ClassUtils ={
        getClass:function(el) {
            return el.getAttribute('class')
        },
        setClass:function(el, cls) {
            return el.setAttribute('class', cls)
        },

        hasClass:function(el, cName) {
            return !!el.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)"));
        },
        addClass:function(el, cName) {
            if (!this.hasClass(el, cName)) {
                el.className += " " + cName;
            }
        },
        removeClass:function(el, cName) {
            if (this.hasClass(el, cName)) {
                el.className = el.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)","g"), " ");
                this.removeClass(el,cName);
            }
        },
        toggleClass:function(el, cName) {
            if (this.hasClass(el, cName)) {
                el.className = el.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), "");
            } else {
                el.className += " " + cName;
            }
        }
    };