原生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 相关文章推荐
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
JS中的构造函数详细解析
Mar 10 Javascript
构造函数+原型模式构造js自定义对象(最通用)
May 12 Javascript
AngularJs实现ng1.3+表单验证
Dec 10 Javascript
基于AngularJS的拖拽文件上传的实例代码
Jul 15 Javascript
vue引入swiper插件的使用实例
Jul 19 Javascript
详解JS数值Number类型
Feb 07 Javascript
vue的mixins属性详解
Mar 14 Javascript
webpack打包react项目的实现方法
Jun 21 Javascript
JQueryDOM之样式操作
Mar 27 jQuery
微信小程序实现的图片保存功能示例
Apr 24 Javascript
vue 内联样式style中的background用法说明
Aug 05 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截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
PHP版本如何选择?应该使用哪个版本?
2015/05/13 PHP
php三元运算符知识汇总
2015/07/02 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
代码精简的可以实现元素圆角的js函数
2007/07/21 Javascript
百度留言本js 大家可以参考下
2009/10/13 Javascript
JavaScript String.replace函数参数实例说明
2013/06/06 Javascript
使用jQuery插件创建常规模态窗口登陆效果
2013/08/23 Javascript
js的image onload事件使用遇到的问题
2014/07/15 Javascript
js实现正方形颜色从下往上升的效果
2014/08/04 Javascript
javascript组合使用构造函数模式和原型模式实例
2015/06/04 Javascript
深入理解jQuery layui分页控件的使用
2016/08/17 Javascript
PHP捕捉异常中断的方法
2016/10/24 Javascript
JavaScript Ajax实现异步通信
2016/12/14 Javascript
ionic2打包android时gradle无法下载的解决方法
2017/04/05 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
2017/05/18 Javascript
微信网页授权并获取用户信息的方法
2018/07/30 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
2019/01/23 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
2019/08/23 Javascript
node.js中fs文件系统模块的使用方法实例详解
2020/02/13 Javascript
js通过canvas生成图片缩略图
2020/10/02 Javascript
[29:16]完美世界DOTA2联赛决赛日 Inki vs LBZS 第三场 11.08
2020/11/10 DOTA
Python Trie树实现字典排序
2014/03/28 Python
Python单元测试框架unittest简明使用实例
2015/04/13 Python
django 2.0更新的10条注意事项总结
2018/01/05 Python
如何使用python实现模拟鼠标点击
2020/01/06 Python
Python实现画图软件功能方法详解
2020/07/28 Python
基于css3仿造window7的开始菜单
2010/06/17 HTML / CSS
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
自考生自我鉴定范文
2013/10/01 职场文书
初三班主任寄语大全
2014/04/04 职场文书
2014年妇产科工作总结
2014/12/08 职场文书
董事会决议范本
2015/07/01 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
MySQL8.0 Undo Tablespace管理详解
2022/06/16 MySQL