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 相关文章推荐
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
始终在屏幕中间显示Div的代码(css+js)
Mar 10 Javascript
JQUERY dialog的用法详细解析
Dec 19 Javascript
ext前台接收action传过来的json数据示例
Jun 17 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
Jul 29 Javascript
详解AngularJS中自定义指令的使用
Jun 17 Javascript
详解javascript实现瀑布流绝对式布局
Jan 29 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
Mar 10 Javascript
JS实现页面数据无限加载
Sep 13 Javascript
Vue.js学习笔记之修饰符详解
Jul 25 Javascript
angularJS开发注意事项
May 26 Javascript
vue-router 路由传参用法实例分析
Mar 06 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调用Oracle存储过程
2006/10/09 PHP
php开启与关闭错误提示适用于没有修改php.ini的权限
2014/10/16 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
在Windows系统下使用PHP生成Word文档的教程
2015/07/03 PHP
Js如何判断客户端是PC还是手持设备简单分析
2012/11/22 Javascript
IE8下String的Trim()方法失效的解决方法
2013/11/08 Javascript
改变隐藏的input中value的值代码
2013/12/30 Javascript
使用Node.js实现一个简单的FastCGI服务器实例
2014/06/09 Javascript
js打造数组转json函数
2015/01/14 Javascript
JS实现的样式切换功能tableCSS实例
2016/12/30 Javascript
基于JavaScript实现微信抢红包功能
2017/07/20 Javascript
Bootstrap-table使用footerFormatter做统计列功能
2018/09/07 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
2018/09/13 Javascript
JS无限级导航菜单实现方法
2019/01/05 Javascript
微信小程序sessionid不一致问题解决
2019/08/30 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
2020/02/14 Javascript
原生JS生成指定位数的验证码
2020/10/28 Javascript
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
Python新手实现2048小游戏
2015/03/31 Python
python:print格式化输出到文件的实例
2018/05/14 Python
深入理解Django自定义信号(signals)
2018/10/15 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
python 解决Windows平台上路径有空格的问题
2020/11/10 Python
canvas简易绘图的实现(海绵宝宝篇)
2018/07/04 HTML / CSS
美国新蛋IT数码商城:Newegg.com
2016/07/21 全球购物
澳大利亚制造的羊皮靴:Original UGG Boots
2017/11/13 全球购物
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
Overload和Override的区别
2012/09/02 面试题
教师找工作推荐信
2013/11/23 职场文书
演讲主持词
2014/03/18 职场文书
高考寄语大全
2014/04/08 职场文书
口才训练演讲稿范文
2014/09/16 职场文书
务工证明怎么写
2015/06/18 职场文书
初三英语教学反思
2016/02/15 职场文书
导游词之舟山普陀山
2019/11/06 职场文书
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js