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 相关文章推荐
匹配任意字符的正则表达式写法
Apr 29 Javascript
动态加载js、css等文件跨iframe实现
Feb 24 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
Three.js快速入门教程
Sep 09 Javascript
微信小程序商城项目之商品属性分类(4)
Apr 17 Javascript
JavaScript简单拖拽效果(1)
May 17 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
Jan 03 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
Dec 24 Javascript
JS判断两个数组或对象是否相同的方法示例
Feb 28 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
Jul 23 Javascript
微信小程序聊天功能的示例代码
Jan 13 Javascript
vue+iview实现分页及查询功能
Nov 17 Vue.js
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简单实现“相关文章推荐”功能的方法
2014/07/19 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
PHP后门隐藏的一些技巧总结
2020/11/04 PHP
js监听表单value的修改同步问题,跨浏览器支持
2009/12/31 Javascript
JavaScript DOM 学习第七章 表单的扩展
2010/02/19 Javascript
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
2011/04/07 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
js opener的使用详解
2014/01/11 Javascript
JavaScript中的方法调用详细介绍
2014/12/30 Javascript
SyntaxHighlighter 3.0.83使用笔记
2015/01/26 Javascript
DOM 高级编程
2015/05/06 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
2015/08/15 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
2019/05/07 Javascript
koa-router路由参数和前端路由的结合详解
2019/05/19 Javascript
JavaScript判断浏览器运行环境的详细方法
2019/06/30 Javascript
jQuery 动画与停止动画效果实例详解
2020/05/19 jQuery
简单了解vue 插值表达式Mustache
2020/07/22 Javascript
python连接池实现示例程序
2013/11/26 Python
简单介绍Python的轻便web框架Bottle
2015/04/08 Python
Python 实现一个颜色色值转换的小工具
2016/12/06 Python
详解Python使用tensorflow入门指南
2018/02/09 Python
python调用Matplotlib绘制分布点并且添加标签
2018/05/31 Python
Python 正则表达式匹配字符串中的http链接方法
2018/12/25 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
一个入门级python爬虫教程详解
2021/01/27 Python
python 第三方库paramiko的常用方式
2021/02/20 Python
雷曼兄弟的五金店:Lehman’s Hardware Store
2019/04/10 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
高中考试作弊检讨书
2014/01/14 职场文书
房屋买卖授权委托书
2014/09/27 职场文书
2015年乡镇纪检工作总结
2015/04/22 职场文书
肖申克救赎观后感
2015/06/02 职场文书
Win11快速关闭所有广告推荐
2022/04/19 数码科技