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基础的动画教程,直观易懂
Jan 10 Javascript
javascript取消文本选定的实现代码
Nov 14 Javascript
初学js插入节点appendChild insertBefore使用方法
Jul 04 Javascript
js添加table的行和列 具体实现方法
Jul 22 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
Dec 23 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
Oct 15 Javascript
判断输入的字符串是否是日期格式的简单方法
Jul 11 Javascript
js 弹出虚拟键盘修改密码的简单实例
Oct 10 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
May 02 Javascript
vue环形进度条组件实例应用
Oct 10 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
Jun 19 Javascript
如何使用CocosCreator对象池
Apr 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
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
用jquery设置按钮的disabled属性的实现代码
2010/11/28 Javascript
JavaScript实现随机替换图片的方法
2015/04/16 Javascript
javascript中的altKey 和 Event属性大全
2015/11/06 Javascript
javascript:void(0)点击登录没反应怎么解决
2015/11/13 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
2016/01/05 Javascript
微信小程序 实现拖拽事件监听实例详解
2016/11/16 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
AngularJS过滤器filter用法总结
2016/12/13 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
ReactNative Image组件使用详解
2017/08/07 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
对angularJs中2种自定义服务的实例讲解
2018/09/30 Javascript
手淘flexible.js框架使用和源代码讲解小结
2018/10/15 Javascript
Vue基础配置讲解
2019/11/29 Javascript
JavaScript进阶(一)变量声明提升实例分析
2020/05/09 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
2020/09/17 Javascript
以一个投票程序的实例来讲解Python的Django框架使用
2016/02/18 Python
Python使用BeautifulSoup库解析HTML基本使用教程
2016/03/31 Python
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
基于使用paramiko执行远程linux主机命令(详解)
2017/10/16 Python
使用apidocJs快速生成在线文档的实例讲解
2018/02/07 Python
python获取地震信息 微信实时推送
2019/06/18 Python
Django admin.py 在修改/添加表单界面显示额外字段的方法
2019/08/22 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
使用pytorch搭建AlexNet操作(微调预训练模型及手动搭建)
2020/01/18 Python
html5 自定义播放器核心代码
2013/12/20 HTML / CSS
Qoo10台湾站:亚洲领先的在线市场
2018/05/15 全球购物
使用索引有什么好处
2016/07/27 面试题
描述JSP和Servlet的区别、共同点、各自应用的范围
2012/10/02 面试题
大学毕业生自荐书怎么写?
2014/01/06 职场文书
2014年维修电工工作总结
2014/11/20 职场文书
2016年少先队活动总结
2016/04/06 职场文书
MySQL pt-slave-restart工具的使用简介
2021/04/07 MySQL
通过feDisplacementMap和feImage实现水波特效
2022/04/24 HTML / CSS