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 相关文章推荐
excel操作之Add Data to a Spreadsheet Cell
Jun 12 Javascript
jquery方法+js一般方法+js面向对象方法实现拖拽效果
Aug 30 Javascript
获取offsetTop和offsetLeft值的js代码(兼容)
Apr 16 Javascript
js实现瀑布流的一种简单方法实例分享
Nov 04 Javascript
JavaScript实现鼠标点击后层展开效果的方法
May 13 Javascript
jQuery数据类型小结(14个)
Jan 08 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
Feb 19 Javascript
详解Backbone.js框架中的模型Model与其集合collection
May 05 Javascript
Bootstrap select实现下拉框多选效果
Dec 23 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
Apr 27 Javascript
简单的网页广告特效实例
Aug 19 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 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
Windows下PHP5和Apache的安装与配置
2006/09/05 PHP
PHP数据库操作面向对象的优点
2006/10/09 PHP
一些PHP Coding Tips(php小技巧)[2011/04/02最后更新]
2011/05/02 PHP
php技巧小结【推荐】
2017/01/19 PHP
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
javascript文本框内输入文字倒计数的方法
2015/02/24 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
2016/07/14 Javascript
用JS中split方法实现彩色文字背景效果实例
2016/08/24 Javascript
快速解决js中window.location.href不工作的问题
2016/11/02 Javascript
深入解析nodejs HTTP服务
2017/07/25 NodeJs
小程序实现抽奖动画
2020/04/16 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
2020/07/07 Javascript
vue中的计算属性和侦听属性
2020/11/06 Javascript
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
Python中optparser库用法实例详解
2018/01/26 Python
python实现倒计时小工具
2019/07/29 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
windows下python安装pip方法详解
2020/02/10 Python
Django设置Postgresql的操作
2020/05/14 Python
欧舒丹加拿大官网:L’Occitane加拿大
2017/10/29 全球购物
叙述DBMS对数据控制功能有哪些
2016/06/12 面试题
报到证丢失证明
2014/01/11 职场文书
电大本科自我鉴定
2014/02/05 职场文书
质检部经理岗位职责
2014/02/19 职场文书
大学生两会精神学习心得体会
2014/03/10 职场文书
2014年银行员工年终自我评价
2014/09/19 职场文书
学校领导干部民主生活会整改方案
2014/09/29 职场文书
新党章的学习心得体会
2014/11/07 职场文书
师德师风事迹材料
2014/12/20 职场文书
部队2015年终工作总结
2015/04/02 职场文书
教研活动主持词
2015/07/03 职场文书
工作服管理制度范本
2015/08/06 职场文书
2016年社会管理综治宣传月活动总结
2016/03/16 职场文书
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python
SpringBoot实现quartz定时任务可视化管理功能
2021/08/30 Java/Android