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使用数组编写图片无缝向左滚动
Dec 11 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
Oct 11 Javascript
js调试系列 源码定位与调试[基础篇]
Jun 18 Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 Javascript
js省市联动效果完整实例代码
Dec 09 Javascript
jQuery同步提交示例代码
Dec 12 Javascript
jQuery实现摸拟alert提示框
May 22 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
Dec 20 Javascript
Vue.js学习之计算属性
Jan 22 Javascript
jQuery实现图片滑动效果
Mar 08 Javascript
vue数据传递--我有特殊的实现技巧
Mar 20 Javascript
vue-cli创建的项目中的gitHooks原理解析
Feb 14 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
为百度UE编辑器上传图片添加水印功能
2015/04/16 PHP
PHP设计模式之观察者模式实例
2016/02/22 PHP
PHP实现递归的三种方法
2020/07/04 PHP
jquery.validate使用攻略 第二部
2010/07/01 Javascript
jquery一般方法介绍 入门参考
2011/06/21 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
jQuery中bind与live的用法及区别小结
2014/01/27 Javascript
angularjs学习笔记之简单介绍
2015/09/26 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
2015/11/20 Javascript
jQuery选择器用法实例详解
2015/12/17 Javascript
jQuery实现的图片轮播效果完整示例
2016/09/12 Javascript
JS中BOM相关知识点总结(必看篇)
2016/11/22 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
2017/02/14 Javascript
vue中v-for加载本地静态图片方法
2018/03/03 Javascript
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
微信小程序开发之路由切换页面重定向问题
2018/09/18 Javascript
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
前端 javascript 实现文件下载的示例
2020/11/24 Javascript
如何搜索查找并解决Django相关的问题
2014/06/30 Python
简述:我为什么选择Python而不是Matlab和R语言
2017/11/14 Python
Python tkinter事件高级用法实例
2018/01/31 Python
代码讲解Python对Windows服务进行监控
2018/02/11 Python
Python元组拆包和具名元组解析实例详解
2018/03/26 Python
使用Python快速制作可视化报表的方法
2019/02/03 Python
Python3远程监控程序的实现方法
2019/07/15 Python
Python super()方法原理详解
2020/03/31 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
德国最大的拼图在线商店:Puzzle.de
2016/12/17 全球购物
Stella McCartney官网:成衣、包袋、香水、内衣、童装及Adidas系列
2018/12/20 全球购物
JPA的特点
2014/10/25 面试题
企业挂职心得体会
2014/09/10 职场文书
2015年七一建党节慰问信
2015/03/23 职场文书
导游词之金鞭溪风景区
2019/09/12 职场文书
python numpy中setdiff1d的用法说明
2021/04/22 Python
Qt数据库应用之实现图片转pdf
2022/06/01 Java/Android