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 对表格的行和列都能加亮显示
Dec 26 Javascript
比较简单的异步加载JS文件的代码
Jul 18 Javascript
javascript自执行函数之伪命名空间封装法
Dec 25 Javascript
jquery动画1.加载指示器
Aug 24 Javascript
jQuery文本框(input textare)事件绑定方法教程
Apr 24 Javascript
window.showModalDialog()返回值的学习心得总结
Jan 07 Javascript
值得分享和收藏的Bootstrap学习教程
May 12 Javascript
js捕捉键盘事件和按键键值的方法
Oct 10 Javascript
JS公共小方法之判断对象是否为domElement的实例
Nov 25 Javascript
微信小程序 弹窗自定义实例代码
Mar 08 Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
Sep 30 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
Jan 21 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中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别
2009/09/05 PHP
PHP测试程序运行时间的类
2012/02/05 PHP
php _autoload自动加载类与机制分析
2012/02/10 PHP
thinkPHP简单导入和使用阿里云OSSsdk的方法
2017/03/15 PHP
实例:用 JavaScript 来操作字符串(一些字符串函数)
2007/02/15 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
javascript学习笔记(九) js对象 设计模式
2012/06/19 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
2013/06/24 Javascript
jQuery使用元素属性attr赋值详解
2015/02/27 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
轻松掌握JavaScript中介者模式
2016/08/26 Javascript
Bootstrap源码解读排版(1)
2016/12/23 Javascript
详谈JavaScript的闭包及应用
2017/01/17 Javascript
React操作真实DOM实现动态吸底部的示例
2017/10/23 Javascript
jQuery实现点击下拉框中的值累加到文本框中的方法示例
2017/10/28 jQuery
Vue2.0中集成UEditor富文本编辑器的方法
2018/03/03 Javascript
深入理解移动前端开发之viewport
2018/10/19 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
2019/06/06 jQuery
浅谈Vue.use到底是什么鬼
2020/01/21 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
nodejs+express最简易的连接数据库的方法
2020/12/23 NodeJs
浅谈Python的垃圾回收机制
2016/12/17 Python
代码详解django中数据库设置
2019/01/28 Python
Python嵌套式数据结构实例浅析
2019/03/05 Python
Python 字符串、列表、元组的截取与切片操作示例
2019/09/17 Python
python 生成器和迭代器的原理解析
2019/10/12 Python
python通过文本在一个图中画多条线的实例
2020/02/21 Python
openCV提取图像中的矩形区域
2020/07/21 Python
戴森香港官方网站:Dyson香港
2021/02/11 全球购物
探亲邀请信范文
2014/01/30 职场文书
职工年度考核评语
2014/12/31 职场文书
围城读书笔记
2015/06/26 职场文书
2015教师个人师德工作总结
2015/10/23 职场文书
golang在GRPC中设置client的超时时间
2021/04/27 Golang
js前端图片加载异常兜底方案
2022/06/21 Javascript