js判断样式className同时增加class或删除class


Posted in Javascript onJanuary 30, 2013
function MyClass () {} 
MyClass.hasClassName = function(element, className) 
{ 
if (!element) return; 
var elementClassName = element.className; 
if (elementClassName.length == 0) return false; 
//用正则表达式判断多个class之间是否存在真正的class(前后空格的处理) 
if (elementClassName == className || elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)"))) 
return true; 
return false; 
}; 
MyClass.addClassName = function(element, className) 
{ 
if (!element) return; 
var elementClassName = element.className; 
if (elementClassName.length == 0) 
{ 
element.className = elementClassName; 
return; 
} 
if (elementClassName == className || elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)"))) 
return; 
element.className = elementClassName + " " + className; 
}; 
MyClass.removeClassName = function(element, className) 
{ 
if (!element) return; 
var elementClassName = element.className; 
if (elementClassName.length == 0) return; 
if(elementClassName == className) 
{ 
element.className = ""; 
return; 
} 
if (elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)"))) 
element.className = elementClassName.replace((new RegExp("(^|\\s)" + className + "(\\s|$)"))," "); 
};
Javascript 相关文章推荐
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Mar 24 Javascript
jQuery学习笔记之jQuery动画效果
Sep 09 Javascript
jquery模拟LCD 时钟的html文件源代码
Jun 16 Javascript
javascript解决IE6下hover问题的方法
Jul 28 Javascript
JavaScript事件详细讲解
Jun 27 Javascript
bootstrap table操作技巧分享
Feb 15 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
Mar 13 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
May 02 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
May 14 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
vue中的计算属性实例详解
Sep 19 Javascript
JS扁平化输出数组的2种方法解析
Sep 17 Javascript
编写针对IE的JS代码两种编写方法
Jan 30 #Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
Jan 29 #Javascript
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
Jan 29 #Javascript
JavaScript起点(严格模式深度了解)
Jan 28 #Javascript
一个页面元素appendchild追加到另一个页面元素的问题
Jan 27 #Javascript
JavaScript转换农历类实现及调用方法
Jan 27 #Javascript
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
Jan 27 #Javascript
You might like
Email+URL的判断和自动转换函数
2006/10/09 PHP
PHP实现用户认证及管理完全源码
2007/03/11 PHP
php 备份数据库代码(生成word,excel,json,xml,sql)
2013/06/23 PHP
从PHP的源码中深入了解stdClass类
2014/04/18 PHP
PHP 图片处理
2020/09/16 PHP
html a标签-超链接中confirm方法使用介绍
2013/01/04 Javascript
jquery 面包屑导航 具体实现
2013/06/05 Javascript
javascript中动态加载js文件多种解决办法总结
2013/11/15 Javascript
用jquery写的菜单从左往右滑动出现
2014/04/11 Javascript
yepnope.js使用详解及示例分享
2014/06/23 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
jQuery实现简单的图片查看器
2020/09/11 Javascript
javascript的列表切换【实现代码】
2016/05/03 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
Vue声明式渲染详解
2017/05/17 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
在Vue中获取组件声明时的name属性方法
2018/09/12 Javascript
JavaScript eval()函数定义及使用方法详解
2020/07/07 Javascript
在antd Table中插入可编辑的单元格实例
2020/10/28 Javascript
python转换摩斯密码示例
2014/02/16 Python
python实现查找两个字符串中相同字符并输出的方法
2015/07/11 Python
win10下Python3.6安装、配置以及pip安装包教程
2017/10/01 Python
Tensorflow 利用tf.contrib.learn建立输入函数的方法
2018/02/08 Python
Python中存取文件的4种不同操作
2018/07/02 Python
从0开始的Python学习016异常
2019/04/08 Python
Python 实现RSA加解密文本文件
2020/12/30 Python
python 爬取腾讯视频评论的实现步骤
2021/02/18 Python
玩转CSS3色彩
2010/01/16 HTML / CSS
Superdry极度干燥美国官网:英国制造的服装品牌
2018/11/13 全球购物
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
橄榄树药房:OLIVEDA
2019/09/01 全球购物
环保建议书400字
2014/05/14 职场文书
初中生思想道德自我评价
2015/03/09 职场文书
会计主管竞聘书
2015/09/15 职场文书
Java GUI编程菜单组件实例详解
2022/04/07 Java/Android