js实现addClass,removeClass,hasClass的函数代码


Posted in Javascript onJuly 13, 2011
function hasClass(ele,cls) { 
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); 
} function addClass(ele,cls) { 
if (!this.hasClass(ele,cls)) ele.className += " "+cls; 
} 
function removeClass(ele,cls) { 
if (hasClass(ele,cls)) { 
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)'); 
ele.className=ele.className.replace(reg,' '); 
} 
} 
//call the functions 
addClass(document.getElementById("test"), "test"); 
removeClass(document.getElementById("test"), "test") 
if(hasClass(document.getElementById("test"), "test")){//do something};
Javascript 相关文章推荐
javascript实现playfair和hill密码算法
Dec 07 Javascript
JavaScript将一个数组插入到另一个数组的方法
Mar 19 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
深入分析jsonp协议原理
Sep 26 Javascript
JavaScript中数组添加值和访问值常见问题
Feb 06 Javascript
BootStrap创建响应式导航条实例代码
May 31 Javascript
分享jQuery封装好的一些常用操作
Jul 28 Javascript
Vue.js每天必学之方法与事件处理器
Sep 06 Javascript
命令行批量截图Node脚本示例代码
Jan 25 Javascript
浅析我对JS延迟异步脚本的思考
Oct 12 Javascript
微信小程序向Java后台传输参数的方法实现
Dec 10 Javascript
vue postcss-px2rem 自适应布局
May 15 Vue.js
js下将字符串当函数执行的方法
Jul 13 #Javascript
JS高级笔记
Jul 13 #Javascript
JS继承 笔记
Jul 13 #Javascript
$.format,jquery.format 使用说明
Jul 13 #Javascript
jquery中:input和input的区别分析
Jul 13 #Javascript
js监听输入框值的即时变化onpropertychange、oninput
Jul 13 #Javascript
js 判断脚本加载完毕的代码
Jul 13 #Javascript
You might like
日本十大惊悚动漫
2020/03/04 日漫
php db类库进行数据库操作
2009/03/19 PHP
从php核心代码分析require和include的区别
2011/01/02 PHP
php实现的支持imagemagick及gd库两种处理的缩略图生成类
2014/09/23 PHP
PHP模块memcached使用指南
2014/12/08 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
javascript 原型模式实现OOP的再研究
2009/04/09 Javascript
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
jQuery操作checkbox选择(list/table)
2013/04/07 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
2014/01/09 Javascript
javascript使用正则表达式检测IP地址
2014/12/03 Javascript
基于jquery实现全屏滚动效果
2015/11/26 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
2016/02/22 Javascript
jQuery中Find选择器用法示例
2016/09/21 Javascript
基于javascript实现的购物商城商品倒计时实例
2016/12/11 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
浅谈super-vuex使用体验
2018/06/25 Javascript
vue 优化CDN加速的方法示例
2018/09/19 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
jQuery实现简单弹幕制作
2020/12/10 jQuery
[46:38]完美世界DOTA2联赛PWL S2 Magma vs PXG 第三场 11.28
2020/12/02 DOTA
[39:08]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第一场 12.12
2020/12/16 DOTA
用Python编写简单的微博爬虫
2016/03/04 Python
pandas DataFrame 删除重复的行的实现方法
2019/01/29 Python
python利用tkinter实现屏保
2019/07/30 Python
python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)
2020/01/08 Python
python的sys.path模块路径添加方式
2020/03/09 Python
python os模块常用的29种方法使用详解
2020/06/02 Python
Python带参数的装饰器运行原理解析
2020/06/09 Python
css3.0新属性效果在ie下的解决方案
2010/05/10 HTML / CSS
CSS3新增布局之: flex详解
2020/06/18 HTML / CSS
女大学生个人求职信
2013/12/09 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
导游词之香港-太平山顶
2019/10/18 职场文书