Mobile JavaScript Library for HTML Class Attribute Manipulation

CLS.js

(function(document){

  window.CLS = window.CLS || {};
  
  CLS.add = function(el, cn){
    if(!CLS.exists(el, cn)){
      el.className = el.className ? el.className + ' ' + cn : cn;
    }
  }

  CLS.del = function(el, cn){
    if(CLS.exists(el, cn)){
      var reg = new RegExp('(\\s|^)'+cn+'(\\s|$)');
      el.className = el.className.replace(reg, ' ').replace(/^\s|\s$/,'');
    }
  }

  CLS.set = function(el, cn){
    CLS.clear(el);
    CLS.add(el, cn);
  }

  CLS.swap = function(el, cnOld, cnNew, force){
    if(CLS.exists(el, cnOld)){
      el.className = el.className.replace(cnOld, cnNew);
    }else if(force){
      CLS.add(el, cnNew);
    }
  }

  CLS.clear = function(el){
    if(el.className) el.className = '';
  }

  CLS.exists = function(el, cn){
    return new RegExp('(^|\\s)' + cn + '(\\s|$)').test(el.className);
  }

})(document);