Javascript 检测、添加、移除样式(className)函数代码

 更新时间:2009年09月08日 18:30:44   作者:  
在前台脚本中,我们经常要操作页面元素的样式,比如标签页切换时,将当前标签加上一个样式,当切换到其他标签时,再将样式还原,本文介绍的是直接添加和移除 className 的方法。
复制代码 代码如下:

<script type="text/javascript">
// 说明:添加、移除、检测 className
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>

相关文章

  • JS中常见编码及加密方式解析

    JS中常见编码及加密方式解析

    这篇文章主要为大家介绍了JS中常见编码及加密方式解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步早日升职加薪
    2022-04-04
  • javascript实现贪吃蛇小游戏思路

    javascript实现贪吃蛇小游戏思路

    这篇文章主要为大家详细介绍了javascript实现贪吃蛇思路小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • javascript数组的使用

    javascript数组的使用

    js Array 对象用于在单个的变量中存储多个值,这里简单的接受下,需要的朋友可以参考下
    2013-03-03
  • 使用js实现一个简单的滚动条过程解析

    使用js实现一个简单的滚动条过程解析

    这篇文章主要介绍了使用js实现一个简单的滚动条过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • js实现点击后将文字或图片复制到剪贴板的方法

    js实现点击后将文字或图片复制到剪贴板的方法

    这篇文章主要介绍了js实现点击后将文字或图片复制到剪贴板的方法,功能非常实用,需要的朋友可以参考下
    2014-08-08
  • 微信小程序使用vant组件库的详细步骤

    微信小程序使用vant组件库的详细步骤

    VantWeapp是有赞团队开源的小程序UI组件库,可快速搭建小程序项目,小程序支持npm安装第三方包,但需使用开发者工具构建,VantWeapp提供全局和局部注册方式,支持自定义事件和插槽,可通过解除样式隔离、使用外部样式类和CSS变量修改组件样式
    2024-09-09
  • js module大战

    js module大战

    这篇文章主要介绍了js module,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • javascript瀑布流式图片懒加载实例解析与优化

    javascript瀑布流式图片懒加载实例解析与优化

    这篇文章主要针对javascript瀑布流式图片懒加载实例进行解析与优化,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • (function(){})()的用法与优点

    (function(){})()的用法与优点

    (function(){})()的用法与优点...
    2007-03-03
  • JS实现碰撞检测效果

    JS实现碰撞检测效果

    这篇文章主要为大家详细介绍了JS实现碰撞检测效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03

最新评论