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 相关文章推荐
Js 随机数产生6位数字
May 13 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
Jun 13 Javascript
js实现的复制兼容chrome和IE
Apr 03 Javascript
Jquery中Event对象属性小结
Feb 27 Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 Javascript
Angular2内置指令NgFor和NgIf详解
Aug 03 Javascript
yarn与npm的命令行小结
Oct 20 Javascript
JS实现图片放大镜插件详解
Nov 06 Javascript
vue通过点击事件读取音频文件的方法
May 30 Javascript
微信小程序自定义弹窗wcPop插件
Nov 19 Javascript
Vue实现剪贴板复制功能
Dec 31 Javascript
基于vue实现探探滑动组件功能
May 29 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
Terran魔法科技
2020/03/14 星际争霸
PHP curl 并发最佳实践代码分享
2012/09/05 PHP
Smarty foreach控制循环次数的一些方法
2015/07/01 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
php上传大文件失败的原因及应对策略
2015/10/20 PHP
mysql查找删除重复数据并只保留一条实例详解
2016/09/24 PHP
jquery $.ajax入门应用二
2008/11/19 Javascript
javascript处理table表格的代码
2010/12/06 Javascript
Bootstrap自定义文件上传下载样式
2016/05/26 Javascript
JS实现简单的右下角弹出提示窗口完整实例
2016/06/21 Javascript
jQuery对table表格进行增删改查
2020/12/22 Javascript
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
jQuery选择器中的特殊符号处理方法
2017/09/08 jQuery
对angularjs框架下controller间的传值方法详解
2018/10/08 Javascript
javascript防抖函数debounce详解
2019/06/11 Javascript
js页面加载后执行的几种方式小结
2020/01/30 Javascript
jquery实现聊天机器人
2020/02/08 jQuery
Windows平台Python连接sqlite3数据库的方法分析
2017/07/12 Python
Python之列表实现栈的工作功能
2019/01/28 Python
基于python实现自动化办公学习笔记(CSV、word、Excel、PPT)
2019/08/06 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
python itsdangerous模块的具体使用方法
2020/02/17 Python
将数据集制作成VOC数据集格式的实例
2020/02/17 Python
Python3.7将普通图片(png)转换为SVG图片格式(网站logo图标)动起来
2020/04/21 Python
Sentry错误日志监控使用方法解析
2020/11/12 Python
Nike澳大利亚官网:Nike.com (AU)
2019/06/03 全球购物
初中生三年学习生活的自我评价
2013/11/03 职场文书
犯错检讨书
2014/02/21 职场文书
2015年医务人员医德医风自我评价
2015/03/03 职场文书
幼儿园见习总结
2015/06/23 职场文书
重阳节主题班会
2015/08/17 职场文书
初中体育课教学反思
2016/02/16 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书
Python爬虫基础之初次使用scrapy爬虫实例
2021/06/26 Python
如何利用React实现图片识别App
2022/02/18 Javascript