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 相关文章推荐
脚本吧 - 幻宇工作室用到js,超强推荐base.js
Dec 23 Javascript
js 浏览器事件介绍
Mar 30 Javascript
判断javascript的数据类型(示例代码)
Dec 11 Javascript
JavaScript中的anchor()方法使用详解
Jun 08 Javascript
基于jquery实现轮播焦点图插件
Mar 31 Javascript
js前端解决跨域问题的8种方案(最新最全)
Nov 18 Javascript
jquery实现拖动效果(代码分享)
Jan 25 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
JS中封装axios来管控api的2种方式
Sep 11 Javascript
JavaScript中this函数使用实例解析
Feb 21 Javascript
javascript单张多张图无缝滚动实例代码
May 10 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
谈谈PHP语法(5)
2006/10/09 PHP
PHP中文分词的简单实现代码分享
2011/07/17 PHP
php addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
详解PHP使用Redis存储session时的一个Warning定位
2017/07/05 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
js的闭包的一个示例说明
2008/11/18 Javascript
原来Jquery.load的方法可以一直load下去
2011/03/28 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
2012/02/27 Javascript
JavaScript中的细节分析
2012/06/30 Javascript
js函数的延迟加载实现代码
2012/10/11 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
JS比较两个时间大小的简单示例代码
2013/12/20 Javascript
js动态生成Html元素实现Post操作(createElement)
2015/09/14 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
基于Javascript倒计时效果
2016/12/22 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
2018/04/22 Javascript
浅谈angularJS2中的界面跳转方法
2018/08/31 Javascript
element中table高度自适应的实现
2020/10/21 Javascript
[01:00:30]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第二场 10.31
2020/11/02 DOTA
python实现在pickling的时候压缩的方法
2014/09/25 Python
python获取当前时间对应unix时间戳的方法
2015/05/15 Python
对python判断ip是否可达的实例详解
2019/01/31 Python
在pycharm中显示python画的图方法
2019/08/31 Python
jupyter notebook 调用环境中的Keras或者pytorch教程
2020/04/14 Python
CSS3常用的几种颜色渐变模式总结
2016/11/18 HTML / CSS
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
ghd官网:英国ghd直发器品牌
2018/05/04 全球购物
计算机科学系职业生涯规划书
2014/03/08 职场文书
公司贷款承诺书
2014/05/30 职场文书
工厂清洁工岗位职责
2015/02/14 职场文书
修辞手法有哪些?
2019/08/29 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
浅谈redis缓存在项目中的使用
2021/05/20 Redis
MySQL详解进行JDBC编程与增删改查方法
2022/06/16 MySQL