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 相关文章推荐
IE6图片加载的一个BUG解决方法
Jul 13 Javascript
高亮显示web页表格行的javascript代码
Nov 19 Javascript
基于jquery的图片的切换(以数字的形式)
Feb 14 Javascript
JavaScript全局函数使用简单说明
Mar 11 Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 Javascript
javascript生成不重复的随机数
Jul 17 Javascript
利用jsonp与代理服务器方案解决跨域问题
Sep 14 Javascript
vue.js在标签属性中插入变量参数的方法
Mar 06 Javascript
在Chrome DevTools中调试JavaScript的实现
Apr 07 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
Jun 25 Javascript
Node.js 中判断一个文件是否存在
Aug 24 Javascript
Vue中添加滚动事件设置的方法详解
Sep 14 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
zend framework多模块多布局配置
2011/02/26 PHP
关于PHP 如何用 curl 读取 HTTP chunked 数据
2016/02/26 PHP
php外部执行命令函数用法小结
2016/10/11 PHP
php指定长度分割字符串str_split函数用法示例
2017/01/30 PHP
jquery插件制作教程 txtHover
2012/08/17 Javascript
javascript ready和load事件的区别示例介绍
2013/08/30 Javascript
js简单实现删除记录时的提示效果
2013/12/05 Javascript
JS连连看源码完美注释版(推荐)
2013/12/09 Javascript
jquery预览图片实现鼠标放上去显示实际大小
2014/01/16 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
2014/04/08 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
2014/06/15 Javascript
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
jQuery实现的简单提示信息插件
2015/12/08 Javascript
JavaScript实现简单Tip提示框效果
2016/04/20 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
2016/07/27 Javascript
jQuery实现可拖拽的许愿墙效果【附demo源码下载】
2016/09/14 Javascript
ztree实现左边动态生成树右边为内容详情功能
2017/11/03 Javascript
Vue子组件向父组件通信与父组件调用子组件中的方法
2018/06/22 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
2018/08/02 Javascript
JS用最简单的方法实现四舍五入
2019/08/27 Javascript
vue与iframe之间的信息交互的实现
2020/04/08 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
2020/11/10 Javascript
解析Python中的异常处理
2015/04/28 Python
Python数据结构之栈、队列的实现代码分享
2017/12/04 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
IE兼容css3圆角的实现代码
2011/07/21 HTML / CSS
老龄工作先进事迹
2014/08/15 职场文书
民政局办理协议离婚(范本)
2014/10/25 职场文书
小学班主任经验交流材料
2014/12/16 职场文书
2015年语文教师工作总结
2015/05/25 职场文书
入党介绍人考察意见
2015/06/01 职场文书
赤壁观后感(2)
2015/06/15 职场文书
新年寄语2016
2015/08/17 职场文书
导游词之山东八大关
2019/12/18 职场文书
Java实现给Word文件添加文字水印
2022/02/15 Java/Android
【海涛DOTA】D-cup邀请赛NV.cn vs DT.Love
2022/04/01 DOTA