WEB开发网
开发学院网页设计JavaScript 用 Javascript 实现检测、添加、移除样式 阅读

用 Javascript 实现检测、添加、移除样式

 2010-09-14 13:16:01 来源:WEB开发网   
核心提示:在前台脚本中,我们经常要操作页面元素的样式,用 Javascript 实现检测、添加、移除样式,比如标签页切换时,将当前标签加上一个样式,当切换到其他标签时,再将样式还原

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

Javascript:

<script type="text/javascript">
// 说明:添加、移除、检测 className
// 整理:CodeBit.cn ( http://www.codebit.cn )
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>

Tags:Javascript 实现 检测

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接