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 相关文章推荐
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
Aug 28 Javascript
jquery查找tr td 示例模拟
May 08 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
Jul 27 Javascript
js获取url传值的方法
Dec 18 Javascript
jQuery中队列queue()函数的实例教程
May 03 Javascript
js 自带的sort() 方法全面了解
Aug 16 Javascript
javaScript语法总结
Nov 25 Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 Javascript
ES6的Fetch异步请求的实现方法
Dec 07 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
JS实现网页时钟特效
Mar 25 Javascript
解决vue项目router切换太慢问题
Jul 19 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
SONY SRF-22W(33W)的电路分析和维修案例
2021/03/02 无线电
初识Laravel
2014/10/30 PHP
PHP ADODB实现分页功能简单示例
2018/05/25 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
javascript中的对象和数组的应用技巧
2007/01/07 Javascript
用JavaScript隐藏控件的方法
2009/09/21 Javascript
JavaScript中的View-Model使用介绍
2011/08/11 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
2014/01/31 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
2015/12/01 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
2016/08/17 Javascript
判断div滑动到底部的scroll实例代码
2017/11/15 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
2018/03/07 Javascript
vue 项目接口管理的实现
2019/01/17 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
2020/07/20 Javascript
vue 在服务器端直接修改请求的接口地址
2020/12/19 Vue.js
详解python的webrtc库实现语音端点检测
2017/05/31 Python
TensorFlow神经网络优化策略学习
2018/03/09 Python
Python实现的生产者、消费者问题完整实例
2018/05/30 Python
pyenv与virtualenv安装实现python多版本多项目管理
2019/08/17 Python
Python 获取numpy.array索引值的实例
2019/12/06 Python
CSS3关于z-index不生效问题的解决
2020/02/19 HTML / CSS
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
android面试问题与答案
2016/12/27 面试题
静态变量和实例变量的区别
2015/07/07 面试题
小区门卫值班制度
2014/01/24 职场文书
联谊活动策划书
2014/01/26 职场文书
党校学习自我鉴定
2014/02/24 职场文书
医院员工辞职信范文
2015/05/12 职场文书
交通事故代理词范文
2015/05/23 职场文书
七一表彰大会简报
2015/07/20 职场文书
五年级作文之成长
2019/09/16 职场文书
2019年圣诞节祝福语集锦
2019/12/25 职场文书
2007年老电脑安装win11会怎么样? 网友实测win11在老电脑运行良好
2021/11/21 数码科技
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS