CSSUtils for DOM





14
Date Submitted Mon. Jul. 24th, 2006 10:20 PM
Revision 1 of 1
Helper svachon
Tags CSS | DOM | JavaScript
Comments 2 comments
Here's a library to manage CSS class names on DOM elements.


var CSSUtils = {

        hasClass: /*static*/ function (element_, cName_) {
                var _regExp = new RegExp(cName_, "gi");
                return element_ && _regExp.test(element_.className);
        },
        hasNotClass: /*static*/ function (element_, cName_) {
                return !CSSUtils.hasClass(element_, cName_);
        },

        addClass: /*static*/ function (element_, cName_) {
                if (element_) element_.className = element_.className.concat(" ", cName_, " ");
        },

        removeClass: /*static*/ function (element_, cName_) {
                CSSUtils.replaceClass(element_, cName_, "");
        },

        replaceClass: /*static*/ function (element_, cNameReplaced_, cNameReplacement_) {
                if (CSSUtils.hasClass(cNameReplaced_)) {
                        var _regExp = new RegExp(cNameReplaced_, "gi");
                        element_.className = element_.className.replace(_regExp, cNameReplacement_);
                }
                else if (CSSUtils.hasNotClass(cNameReplacement_)) {
                        CSSUtils.addClass(cNameReplacement_);
                }
        }
};

 

Sylvain Vachon

Comments

Comments Coll
Wed. Mar. 21st, 2007 8:34 PM    Newbie lando
Comments example
Mon. Nov. 20th, 2006 12:55 AM    Syntax Master sundaramkumar

Voting