原生javascript实现addClass,removeClass,hasClass函数


Posted in Javascript onFebruary 25, 2016

原生的addClass, removeClass, hasClass函数,未使用jquery

class.js

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 parseInt与Number函数的区别
Jan 21 Javascript
JavaScript 字符串处理函数使用小结
Dec 02 Javascript
jQuery:节点(插入,复制,替换,删除)操作
Mar 04 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
Mar 18 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
javascript获取select值的方法分析
Jul 02 Javascript
jquery属性,遍历,HTML操作方法详解
Sep 17 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
Dec 29 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
Feb 17 Javascript
node.js爬虫爬取拉勾网职位信息
Mar 14 Javascript
js动态获取时间的方法分析
Aug 02 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
Apr 21 Javascript
javascript随机抽取0-100之间不重复的10个数
Feb 25 #Javascript
JavaScript实现多种排序算法
Feb 24 #Javascript
JavaScript中的时间处理小结
Feb 24 #Javascript
JS设置cookie、读取cookie
Feb 24 #Javascript
jquery form表单获取内容以及绑定数据
Feb 24 #Javascript
javascript cookie的简单应用
Feb 24 #Javascript
javascript的正则匹配方法学习
Feb 24 #Javascript
You might like
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
php中AES加密解密的例子小结
2014/02/18 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
教大家制作简单的php日历
2015/11/17 PHP
Laravel网站打开速度优化的方法汇总
2017/07/16 PHP
PHP设计模式之观察者模式定义与用法示例
2018/08/04 PHP
兼容IE与firefox火狐的回车事件(js与jquery)
2010/10/20 Javascript
javascript 基础篇3 类,回调函数,内置对象,事件处理
2012/03/14 Javascript
js返回上一页并刷新代码整理
2012/12/21 Javascript
深入分析Javascript事件代理
2016/01/30 Javascript
JS中闭包的经典用法小结(2则示例)
2016/12/28 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
2018/09/25 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
javascript中的闭包概念与用法实践分析
2019/07/26 Javascript
Vue关于组件化开发知识点详解
2020/05/13 Javascript
原生js实现放大镜组件
2021/01/22 Javascript
Python数据结构之Array用法实例
2014/10/09 Python
详解Python import方法引入模块的实例
2017/08/02 Python
记录Python脚本的运行日志的方法
2019/06/05 Python
Django 中自定义 Admin 样式与功能的实现方法
2019/07/04 Python
Python实现快速排序的方法详解
2019/10/25 Python
python自动下载图片的方法示例
2020/03/25 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
Python爬虫基于lxml解决数据编码乱码问题
2020/07/31 Python
Python判断字符串是否为合法标示符操作
2020/09/03 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
英国优质家居用品网上品牌:URBANARA
2018/06/01 全球购物
奥地利领先的在线药房:SHOP APOTHEKE
2019/10/07 全球购物
Ticketmaster意大利:音乐会、节日、艺术和剧院的官方门票
2019/12/23 全球购物
美国家居装饰购物网站:Amanda Lindroth
2020/03/25 全球购物
生态养殖创业计划书
2014/05/06 职场文书
幼儿园大班教师个人工作总结
2015/02/05 职场文书
2015大学党建带团建工作总结
2015/07/23 职场文书
导游词之沈阳清昭陵
2019/12/28 职场文书
PostgreSQL自动更新时间戳实例代码
2021/11/27 PostgreSQL