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 相关文章推荐
javascript 最常用的10个自定义函数[推荐]
Dec 26 Javascript
javascript options属性集合操作代码
Dec 28 Javascript
javascript 节点排序 2
Jan 31 Javascript
js控制不同的时间段显示不同的css样式的实例代码
Nov 04 Javascript
javascript连续赋值问题
Jul 08 Javascript
提高jQuery性能优化的技巧
Aug 03 Javascript
jQuery Validate初步体验(二)
Dec 12 Javascript
JavaScript文本框脚本编写的注意事项
Jan 25 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
Sep 06 Javascript
JavaScript浮点数及运算精度调整详解
Oct 21 Javascript
element form 校验数组每一项实例代码
Oct 10 Javascript
js实现随机点名器精简版
Jun 29 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
php设计模式之单例、多例设计模式的应用分析
2013/06/30 PHP
php调整gif动画图片尺寸示例代码分享
2013/12/05 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
PHP7正式版测试,性能惊艳!
2015/12/08 PHP
php微信公众号开发之秒杀
2018/10/20 PHP
JS常用正则表达式总结
2013/11/12 Javascript
JS获取农历日期具体实例
2013/11/14 Javascript
JavaScript中使用typeof运算符需要注意的几个坑
2014/11/08 Javascript
node.js操作mongodb学习小结
2015/04/25 Javascript
JavaScript实现列表分页功能特效
2015/05/15 Javascript
Javascript中setTimeOut和setInterval的定时器用法
2015/06/12 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
2015/10/22 Javascript
原生js代码实现图片放大境效果
2016/10/30 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
2017/03/09 Javascript
Vue精简版风格指南(推荐)
2018/01/30 Javascript
JS实现图片旋转动画效果封装与使用示例
2018/07/09 Javascript
Vue隐藏显示、只读实例代码
2018/07/18 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
2018/09/28 Javascript
JS call()及apply()方法使用实例汇总
2020/07/11 Javascript
浅谈实现在线预览PDF的几种解决办法
2020/08/10 Javascript
Python的mysql数据库的更新如何实现
2017/07/31 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
Python面向对象之Web静态服务器
2019/09/03 Python
Python使用Slider组件实现调整曲线参数功能示例
2019/09/06 Python
Pytorch 扩展Tensor维度、压缩Tensor维度的方法
2020/09/09 Python
接口的多继承会带来哪些问题
2015/08/17 面试题
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
护士专业推荐信
2013/11/02 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
商家认证委托书格式
2014/10/16 职场文书
写给领导的感谢信
2015/01/22 职场文书
打架检讨书范文
2015/01/27 职场文书
中学教师师德师风承诺书
2015/04/28 职场文书
夏洛特的网观后感
2015/06/15 职场文书
副校长2015年教育教学工作总结
2015/07/27 职场文书