Javascript 实现检测、添加、移除样式（className)

出处：http://jawallok.blog.163.com/blog/static/3332397420100510506276/

在前台脚本中，我们经常要操作页面元素的样式，比如标签页切换时，将当前标签加上一个样式，当切换到其他标签时，再将样式还原，本文介绍的是直接添加和移除className的方法。

归类:Javascript,(X)HTML/CSS,关键词:删除样式,hasClass,检测样式,addClass,增加样式,removeClass,收藏本页到：

在前台脚本中，我们经常要操作页面元素的样式，比如标签页切换时，将当前标签加上一个样式，当切换到其他标签时，再将样式还原，本文介绍的是直接添加和移除className的方法。

<script type="text/javascript">
function hasClass(element, className)
{  
   var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');   
   return element.className.match(reg);
}

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

function removeClass(element, className)
{   
 if (hasClass(element, className))
 {         
   var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');      

   element.className = element.className.replace(reg,' ');   
 }
}  
</script>