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插件[鼠标悬浮时候 出现说明label]
Jun 27 Javascript
script标签属性type与language使用选择
Dec 02 Javascript
javascript最基本的函数汇总
Jun 25 Javascript
js钢琴按钮波浪式图片排列效果代码分享
Aug 26 Javascript
JS Attribute属性操作详解
May 19 Javascript
关于HTML5的data-*自定义属性的总结
May 05 Javascript
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
Vue实现一个图片懒加载插件
Mar 11 Javascript
Vue动态修改网页标题的方法及遇到问题
Jun 09 Javascript
vue中可编辑树状表格的实现代码
Oct 31 Javascript
JS闭包原理及其使用场景解析
Dec 03 Javascript
jQuery实现广告显示和隐藏动画
Jul 04 jQuery
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
mayfish 数据入库验证代码
2010/04/30 PHP
php学习笔记 面向对象的构造与析构方法
2011/06/13 PHP
CodeIgniter框架提示Disallowed Key Characters的解决办法
2014/04/21 PHP
php 数组处理函数extract详解及实例代码
2016/11/23 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
js setattribute批量设置css样式
2009/11/26 Javascript
火狐4、谷歌12不支持Jquery Validator的解决方法分享
2011/06/20 Javascript
Jquery:ajax实现翻页无刷新功能代码
2013/08/05 Javascript
JQuery记住用户名和密码的具体实现
2014/04/04 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
2014/09/22 Javascript
移动Web中图片自适应的两种JavaScript解决方法
2015/06/18 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
protractor的安装与基本使用教程
2017/07/07 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
Node.js文件编码格式的转换的方法
2018/04/27 Javascript
Layer弹出层动态获取数据的方法
2018/08/20 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
用Vue.js在浏览器中实现裁剪图像功能
2019/06/18 Javascript
wxpython 学习笔记 第一天
2009/02/09 Python
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
Flask实现图片的上传、下载及展示示例代码
2018/08/03 Python
Python替换月份为英文缩写的实现方法
2019/07/15 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
HTML5等待加载动画效果
2017/07/27 HTML / CSS
基于HTML5的WebSocket的实例代码
2018/08/15 HTML / CSS
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
Under Armour安德玛中国官网:美国高端运动科技品牌
2018/03/09 全球购物
中专毕业生自荐信范文
2013/11/28 职场文书
运动会跳远广播稿
2014/02/04 职场文书
2014年英语工作总结
2014/12/20 职场文书
企业法人任命书
2015/09/21 职场文书
学习经验交流会总结
2015/11/02 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书
2016年法制宣传月活动总结
2016/04/01 职场文书
Nginx速查手册及常见问题
2022/04/07 Servers