JS实现Jquery的addClass，removeClass，changeClass，toggleClass

  
    

   
     
   
     function
   
      hasClass(ele,cls) {
 
   
     return
   
      ele.className.match(
   
     new
   
      RegExp(
   
     '
   
     (\\s|^)
   
     '
   
     +
   
     cls
   
     +
   
     '
   
     (\\s|$)
   
     '
   
     ));
}

   
     function
   
      addClass(ele,cls) {
 
   
     if
   
      (
   
     !
   
     this
   
     .hasClass(ele,cls)) ele.className 
   
     +=
   
      
   
     "
   
      
   
     "
   
     +
   
     cls;
}

   
     function
   
      removeClass(ele,cls) {
 
   
     if
   
      (hasClass(ele,cls)) {
 
   
     var
   
      reg 
   
     =
   
      
   
     new
   
      RegExp(
   
     '
   
     (\\s|^)
   
     '
   
     +
   
     cls
   
     +
   
     '
   
     (\\s|$)
   
     '
   
     );
 ele.className
   
     =
   
     ele.className.replace(reg,
   
     '
   
      
   
     '
   
     );
 }
}

   
     function
   
      toggleClass(ele,cls) {
 
   
     if
   
     (hasClass(ele,cls)){
 removeClass(ele,cls);
 }
 
   
     else
   
     
 addClass(ele,cls);
}

   
     function
   
      changeClass(ele,oldcls,newcls) {
 
   
     if
   
      (
   
     !
   
     hasClass(ele,newcls)) {
 
   
     if
   
     (hasClass(ele,oldcls)){
 removeClass(ele,oldcls);
 }
 addClass(ele,newcls);
 }
}