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与CSS复习(《精通javascript》)
Jun 29 Javascript
JS比较2个日期间隔的示例代码
Apr 15 Javascript
JavaScript中的关联数组问题
Mar 04 Javascript
jQuery遍历DOM节点操作之filter()方法详解
Apr 14 Javascript
深入理解requestAnimationFrame的动画循环
Sep 20 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
Dec 08 Javascript
Web前端框架bootstrap实战【第一次接触使用】
Dec 28 Javascript
bootstrap响应式工具使用详解
Nov 29 Javascript
vue中实现在外部调用methods的方法(推荐)
Feb 08 Javascript
JavaScript展开操作符(Spread operator)详解
Jul 20 Javascript
layui动态绑定事件的方法
Sep 20 Javascript
JavaScript对象访问器Getter及Setter原理解析
Dec 08 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
How do I change MySQL timezone?
2008/03/26 PHP
php 结果集的分页实现代码
2009/03/10 PHP
php 生成WML页面方法详解
2009/08/09 PHP
php带密码功能并下载远程文件保存本地指定目录 修改加强版
2010/05/16 PHP
Yii中CGridView实现批量删除的方法
2015/12/28 PHP
[原创]PHP实现SQL语句格式化功能的方法
2017/07/28 PHP
PHP常用字符串函数小结(推荐)
2018/08/05 PHP
一个判断email合法性的函数[非正则]
2008/12/09 Javascript
Javascript 继承机制的实现
2009/08/12 Javascript
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
2014/05/14 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
2015/07/17 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
js 点击a标签 获取a的自定义属性方法
2016/11/21 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
Vue.js学习教程之列表渲染详解
2017/05/17 Javascript
Node之简单的前后端交互(实例讲解)
2017/11/14 Javascript
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
Windows和Linux下使用Python访问SqlServer的方法介绍
2015/03/10 Python
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
python中 logging的使用详解
2017/10/25 Python
django 基于中间件实现限制ip频繁访问过程详解
2019/07/30 Python
python pptx复制指定页的ppt教程
2020/02/14 Python
使用python创建生成动态链接库dll的方法
2020/05/09 Python
django 模型中的计算字段实例
2020/05/19 Python
Python flask框架实现查询数据库并显示数据
2020/06/04 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
python MD5加密的示例
2020/10/19 Python
html5 button autofocus 属性介绍及应用
2013/01/04 HTML / CSS
社区安全生产月活动总结
2014/07/05 职场文书
连锁超市项目计划书
2014/09/15 职场文书
保险公司反洗钱宣传活动总结
2015/05/08 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书
Golang 链表的学习和使用
2022/04/19 Golang