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 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
支持ie与FireFox的剪切板操作代码
Sep 28 Javascript
jQuery数组处理方法汇总
Jun 20 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
May 15 Javascript
js导入导出excel(实例代码)
Nov 25 Javascript
Jquery实现的一种常用高亮效果示例代码
Jan 28 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
Sep 20 Javascript
详解jQuery lazyload 懒加载
Dec 19 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
实例详解BootStrap的动态模态框及静态模态框
Aug 13 Javascript
AngularJS上传文件的示例代码
Nov 10 Javascript
监听element-ui table滚动事件的方法
Mar 26 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中配置文件操作 如config.php文件的读取修改等操作
2012/07/07 PHP
PHP curl 抓取AJAX异步内容示例
2014/09/09 PHP
php intval函数用法总结
2019/04/14 PHP
JQuery 浮动导航栏实现代码
2009/08/27 Javascript
浏览器常用高宽的jquery插件
2011/02/24 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
2011/09/21 Javascript
jquery事件重复绑定的快速解决方法
2014/01/03 Javascript
node.js中的fs.appendFile方法使用说明
2014/12/17 Javascript
浅谈javascript 迭代方法
2015/01/21 Javascript
nodejs 中模拟实现 emmiter 自定义事件
2016/02/22 NodeJs
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
VC调用javascript的几种方法(推荐)
2016/08/09 Javascript
微信小程序-小说阅读小程序实例(demo)
2017/01/12 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
2018/09/21 Javascript
highCharts提示框中显示当前时间的方法
2019/01/18 Javascript
Python使用代理抓取网站图片(多线程)
2014/03/14 Python
在IIS服务器上以CGI方式运行Python脚本的教程
2015/04/25 Python
Python实现的购物车功能示例
2018/02/11 Python
python发送多人邮件没有展示收件人问题的解决方法
2019/06/21 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
Python操作SQLite/MySQL/LMDB数据库的方法
2019/11/07 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
如何在Windows中安装多个python解释器
2020/06/16 Python
python 字符串格式化的示例
2020/09/21 Python
Python 多进程原理及实现
2020/12/21 Python
新加坡第一大健康与美容零售商:屈臣氏新加坡(Watsons Singapore)
2020/12/11 全球购物
收银员的岗位职责范本
2014/02/04 职场文书
光信息科学与技术专业职业生涯规划
2014/03/13 职场文书
演讲稿格式范文
2014/05/19 职场文书
英语导游词
2015/02/13 职场文书
导游词之韩国济州岛
2019/10/28 职场文书
彻底理解golang中什么是nil
2021/04/29 Golang
css3 选择器
2022/05/11 HTML / CSS