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 相关文章推荐
强大的jquery插件jqeuryUI做网页对话框效果!简单
Apr 14 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
May 27 Javascript
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
JS实现一个按钮的方法
Feb 05 Javascript
JavaScript实现Flash炫光波动特效
May 14 Javascript
浅谈$(document)和$(window)的区别
Jul 15 Javascript
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
Jun 14 Javascript
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
微信小程序登录数据解密及状态维持实例详解
May 06 Javascript
在Chrome DevTools中调试JavaScript的实现
Apr 07 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
DC《小丑》11项提名领跑奥斯卡 Netflix成第92届奥斯卡提名最大赢家
2020/04/09 欧美动漫
使用Limit参数优化MySQL查询的方法
2008/11/12 PHP
fleaphp crud操作之findByField函数的使用方法
2011/04/23 PHP
js tab 选项卡
2009/04/26 Javascript
JavaScript 读取元素的CSS信息的代码
2010/02/07 Javascript
JS对象与JSON格式数据相互转换
2012/02/20 Javascript
9款2014最热门jQuery实用特效推荐
2014/12/07 Javascript
js鼠标点击图片实现随机变换图片的方法
2015/02/16 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
javascript获取本机操作系统类型的方法
2015/08/13 Javascript
jQuery实现微信长按识别二维码功能
2016/08/26 Javascript
javascript 中模板方法单例的实现方法
2017/10/17 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
2018/04/12 Javascript
JS模拟实现哈希表及应用详解
2018/05/04 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
详解Vue源码学习之双向绑定
2019/04/10 Javascript
vue动态子组件的两种实现方式
2019/09/01 Javascript
highcharts.js数据绑定方式代码实例
2019/11/13 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
2020/08/19 Javascript
全面分析Python的优点和缺点
2018/02/07 Python
python函数enumerate,operator和Counter使用技巧实例小结
2020/02/22 Python
Python小整数对象池和字符串intern实例解析
2020/03/21 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
Python with语句用法原理详解
2020/07/03 Python
英国羊绒服装购物网站:Pure Collection
2018/10/22 全球购物
Wedgwood英国官方网站:英式精致骨瓷餐具、礼品与生活精品,源于1759年
2019/09/02 全球购物
七年级数学教学反思
2014/01/22 职场文书
小学生优秀评语大全
2014/04/22 职场文书
汽车广告策划方案
2014/05/31 职场文书
冰峪沟导游词
2015/02/09 职场文书
导游词之清晏园
2019/11/22 职场文书
解决redis sentinel 频繁主备切换的问题
2021/04/12 Redis
Python基本知识点总结
2022/04/07 Python
Python绘制散乱的点构成的图的方法
2022/04/21 Python
OpenFeign实现远程调用
2022/08/14 Java/Android