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 相关文章推荐
setTimeout与setInterval在不同浏览器下的差异
Jan 24 Javascript
JS图片无缝、平滑滚动代码
Mar 11 Javascript
angularJS提交表单(form)
Feb 09 Javascript
js实现刷新iframe的方法汇总
Apr 27 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
Jan 15 Javascript
Node.js编写组件的三种实现方式
Feb 25 Javascript
微信小程序实现多宫格抽奖活动
Apr 15 Javascript
微信小程序版翻牌小游戏
Jan 26 Javascript
安装vue-cli的简易过程
May 22 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
Sep 25 Javascript
vue之延时刷新实例
Nov 14 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
Mar 02 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三层结构(上) 简单三层结构
2010/07/04 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
代码精简的可以实现元素圆角的js函数
2007/07/21 Javascript
jQuery 对象中的类数组操作
2009/04/27 Javascript
jquery ajax jsonp跨域调用实例代码
2013/12/11 Javascript
Javascript基础教程之for循环
2015/01/18 Javascript
jquery插件corner实现圆角边框的方法
2015/03/09 Javascript
JavaScript中的lastIndexOf()方法使用详解
2015/06/06 Javascript
用headjs来管理和加载js 提高网站加载速度
2016/11/29 Javascript
js模拟百度模糊搜索的实例
2017/08/04 Javascript
Node调用Java的示例代码
2017/09/20 Javascript
JS中获取 DOM 元素的绝对位置实例详解
2018/04/23 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
layui表单提交到后台自动封装到实体类的方法
2019/09/12 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
vue实现lodop打印功能的示例
2020/11/11 Javascript
vue使用echarts图表自适应的几种解决方案
2020/12/04 Vue.js
numpy.random.seed()的使用实例解析
2018/02/03 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
安装docker-compose的两种最简方法
2019/07/30 Python
TFRecord格式存储数据与队列读取实例
2020/01/21 Python
python线程join方法原理解析
2020/02/11 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
Luxplus丹麦:香水和个人护理折扣
2018/04/23 全球购物
表彰大会主持词
2014/03/26 职场文书
难忘的一天教学反思
2014/04/30 职场文书
2014年国庆标语
2014/06/30 职场文书
北京天坛导游词
2015/02/12 职场文书
2015年新学期寄语
2015/02/26 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书
css3带你实现3D转换效果
2022/02/24 HTML / CSS
解决persistence.xml配置文件修改存放路径的问题
2022/02/24 Java/Android