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 相关文章推荐
asp(javascript)全角半角转换代码 dbc2sbc
Aug 06 Javascript
jquery 回车事件实现代码
Aug 23 Javascript
javascript 运算数的求值顺序
Aug 23 Javascript
jquery表单验证使用插件formValidator
Nov 10 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
Dec 20 Javascript
javascript 闭包详解
Jul 02 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
May 28 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
Jul 10 Javascript
AngularJS 依赖注入详解及示例代码
Aug 17 Javascript
node.js中的事件处理机制详解
Nov 26 Javascript
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
Node.js 异步异常的处理与domain模块解析
May 10 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计划任务之关闭浏览器后仍然继续执行的函数
2010/07/22 PHP
php使用百度天气接口示例
2014/04/22 PHP
php ajax实现文件上传进度条
2016/03/29 PHP
PHP使用redis消息队列发布微博的方法示例
2017/06/22 PHP
PHP进阶学习之类的自动加载机制原理分析
2019/06/18 PHP
Yii框架Session与Cookie使用方法示例
2019/10/14 PHP
Dom与浏览器兼容性说明
2010/10/25 Javascript
淘宝搜索框效果实现分析
2011/03/05 Javascript
浅析js中取绝对值的2种方法
2013/07/09 Javascript
js网页右下角提示框实例
2014/10/14 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
2016/09/23 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
2016/12/25 Javascript
Node.js开发第三方微信公众平台
2017/06/05 Javascript
优雅地使用loading(推荐)
2019/04/20 Javascript
基于Vue和Element-Ui搭建项目的方法
2019/09/06 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
[02:21]十步杀一人,千里不留行——DOTA2全新英雄天涯墨客展示
2018/08/29 DOTA
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
Python实现选择排序
2017/06/04 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
使用anaconda的pip安装第三方python包的操作步骤
2018/06/11 Python
Python实现程序判断季节的代码示例
2019/01/28 Python
Django 使用easy_thumbnails压缩上传的图片方法
2019/07/26 Python
python ftplib模块使用代码实例
2019/12/31 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
解决pycharm修改代码后第一次运行不生效的问题
2021/02/06 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
目标责任书范本
2014/04/16 职场文书
主题实践活动总结
2014/05/08 职场文书
金正昆讲礼仪观后感
2015/06/11 职场文书
Go语言读取txt文档的操作方法
2022/01/22 Golang
用Python仅20行代码编写一个简单的端口扫描器
2022/04/08 Python