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变量函数浅析
Sep 02 Javascript
javascript仿qq界面的折叠菜单实现代码
Dec 12 Javascript
jfinal与bootstrap的登录跳转实战演习
Sep 22 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
Aug 29 Javascript
JS中关于事件处理函数名后面是否带括号的问题
Nov 16 Javascript
three.js快速入门【推荐】
Jan 21 Javascript
js 转义字符及URI编码详解
Feb 28 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
vue 集成jTopo 处理方法
Aug 07 Javascript
js实现旋转木马轮播图效果
Jan 10 Javascript
JS简易计算器实例讲解
Jun 30 Javascript
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
中国的第一台收音机
2021/03/01 无线电
PHP stripos()函数及注意事项的分析
2013/06/08 PHP
分享一段php获取linux服务器状态的代码
2014/05/27 PHP
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
CodeIgniter实现从网站抓取图片并自动下载到文件夹里的方法
2015/06/17 PHP
php+jQuery ajax实现的实时刷新显示数据功能示例
2019/09/12 PHP
js实现在文本框光标处添加字符的方法介绍
2012/11/24 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
2013/09/29 Javascript
jquery自动将form表单封装成json的具体实现
2014/03/17 Javascript
js实现带圆角的多级下拉菜单效果
2015/08/28 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
2016/07/04 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
详解jQuery事件
2017/01/13 Javascript
微信小程序实现循环动画效果
2018/07/16 Javascript
基于vue和react的spa进行按需加载的实现方法
2018/09/29 Javascript
JS控制下拉列表左右选择实例代码
2020/05/08 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
PyMongo安装使用笔记
2015/04/27 Python
Python实现的最近最少使用算法
2015/07/10 Python
Python实现查看系统启动项功能示例
2018/05/10 Python
对python中两种列表元素去重函数性能的比较方法
2018/06/29 Python
python3实现斐波那契数列(4种方法)
2019/07/15 Python
Python换行与不换行的输出实例
2020/02/19 Python
利用Python实现斐波那契数列的方法实例
2020/07/26 Python
python 检测图片是否有马赛克
2020/12/01 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
HTML5 script元素async、defer异步加载使用介绍
2013/08/23 HTML / CSS
DVF官方网站:美国时装界尊尚品牌
2017/08/29 全球购物
大四自我鉴定
2014/02/08 职场文书
弘扬民族精神演讲稿
2014/05/07 职场文书
片区教研活动总结
2014/07/02 职场文书
2015驻村干部工作总结
2015/04/07 职场文书
2015企业年终工作总结范文
2015/05/27 职场文书
六五普法学习心得体会
2016/01/21 职场文书
详解Javascript实践中的命令模式
2021/05/05 Javascript