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 this指针
Jul 30 Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
Dec 15 Javascript
JavaScript中使用Callback控制流程介绍
Mar 16 Javascript
Vue-Access-Control 前端用户权限控制解决方案
Dec 01 Javascript
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
Dec 12 Javascript
浅谈使用React.setState需要注意的三点
Dec 18 Javascript
js正则相关知识点专题
May 10 Javascript
简单了解JavaScript sort方法
Nov 25 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
May 06 Javascript
理解JavaScript中的Proxy 与 Reflection API
Sep 21 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 empty() 检查一个变量是否为空
2011/11/10 PHP
PHP的加密方式及原理
2012/06/14 PHP
Sublime里直接运行PHP配置方法
2014/11/28 PHP
yii的CURD操作实例详解
2014/12/04 PHP
ajax+php控制所有后台函数调用
2015/07/15 PHP
thinkPHP框架实现类似java过滤器的简单方法示例
2018/09/05 PHP
使用PHP开发留言板功能
2019/11/19 PHP
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
jQuery创建DOM元素实例解析
2015/01/19 Javascript
JavaScript中使用concat()方法拼接字符串的教程
2015/06/06 Javascript
jQuery自定义数值抽奖活动代码
2016/06/11 Javascript
Node.js + Redis Sorted Set实现任务队列
2016/09/19 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
2017/02/03 Javascript
小发现之浅谈location.search与location.hash的问题
2017/06/23 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
2017/08/14 Javascript
移动端效果之IndexList详解
2017/10/20 Javascript
微信小程序实现留言板功能
2018/11/02 Javascript
react-router4按需加载(踩坑填坑)
2019/01/06 Javascript
vuex存值与取值的实例
2019/11/06 Javascript
node.js Promise对象的使用方法实例分析
2019/12/26 Javascript
微信小程序单选框自定义赋值
2020/05/26 Javascript
利用H5api实现时钟的绘制(javascript)
2020/09/13 Javascript
python将人民币转换大写的脚本代码
2013/02/10 Python
python使用cookie库操保存cookie详解
2014/03/03 Python
TensorFlow 实战之实现卷积神经网络的实例讲解
2018/02/26 Python
教你用Python创建微信聊天机器人
2020/03/31 Python
Python实现随机漫步功能
2018/07/09 Python
django的ORM操作 增加和查询
2019/07/26 Python
美国在线纱线商店:Darn Good Yarn
2019/03/20 全球购物
日本酒店、民宿、温泉旅馆、当地旅行团中文预订:e路东瀛
2019/12/09 全球购物
成人继续教育实施方案
2014/03/01 职场文书
实训报告范文大全
2014/11/04 职场文书
2019大学生社会实践报告汇总
2019/08/16 职场文书
JavaCV实现照片马赛克效果
2022/01/22 Java/Android
Nginx配置使用详解
2022/07/07 Servers