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 用Node.js写Shell脚本[译]
Sep 20 Javascript
jquery获取div宽度的实现思路与代码
Jan 13 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
jquery单行文字向上滚动效果的实现代码
Sep 05 Javascript
jquery和js实现对div的隐藏和显示方法
Sep 26 Javascript
Javascript获取CSS伪元素属性的实现代码
Sep 28 Javascript
24款热门实用的jQuery插件推荐
Dec 24 Javascript
jQuery ajax分页插件实例代码
Jan 27 Javascript
webpack2.0搭建前端项目的教程详解
Apr 05 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
Layui 设置select下拉框自动选中某项的方法
Aug 14 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
May 07 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 修改zen-cart下单和付款流程以防止漏单
2010/03/08 PHP
php设计模式 Prototype (原型模式)代码
2011/06/26 PHP
通达OA公共代码 php常用检测函数
2011/12/14 PHP
PHP将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
php使用imagick模块实现图片缩放、裁剪、压缩示例
2014/04/17 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
两种WEB下的模态对话框 (asp.net或js的分别实现)
2009/12/02 Javascript
js客户端快捷键管理类的较完整实现和应用
2010/06/08 Javascript
来自国外的30个基于jquery的Web下拉菜单
2012/06/22 Javascript
Jquery获取复选框被选中值的简单方法
2013/07/04 Javascript
js用拖动滑块来控制图片大小的方法
2015/02/27 Javascript
JavaScript保存并运算页面中数字类型变量的写法
2015/07/06 Javascript
javascript实现支持移动设备画廊
2015/08/24 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
2018/09/14 Javascript
使用node搭建自动发图文微博机器人的方法
2019/03/22 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
2019/09/05 Javascript
vue-cli设置publicPath小记
2020/04/14 Javascript
javascript 使用sleep函数的常见方法详解
2020/04/26 Javascript
在webstorm中配置less的方法详解
2020/09/25 Javascript
TensorFlow如何实现反向传播
2018/02/06 Python
Python3进制之间的转换代码实例
2019/08/24 Python
pymysql 插入数据 转义处理方式
2020/03/02 Python
Python的历史与优缺点整理
2020/05/26 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
巧克力领导品牌瑞士莲美国官网:Lindt Chocolate美国
2016/08/25 全球购物
美国最大的骑马用品零售商:HorseLoverZ
2017/01/12 全球购物
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
2014年党员公开承诺践诺书
2014/03/25 职场文书
出售房屋委托书范本
2014/09/24 职场文书
个人委托书如何写
2014/09/25 职场文书
青岛海底世界导游词
2015/02/11 职场文书
小学六年级毕业感言
2015/07/30 职场文书
2016年企业安全生产月活动总结
2016/04/06 职场文书
MySQL GRANT用户授权的实现
2021/06/18 MySQL