原生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操作XML实例代码(获取新闻标题并分页,并分页)
May 25 Javascript
dreamweaver 安装Jquery智能提示
Apr 02 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
Sep 20 Javascript
js open() 与showModalDialog()方法使用介绍
Sep 10 Javascript
javascript使用call调用微信API
Dec 15 Javascript
用原生js统计文本行数的简单示例
Aug 19 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
Vue 中的compile操作方法
Feb 26 Javascript
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 jQuery
Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】
May 13 Javascript
vue实现input输入模糊查询的三种方式
Aug 14 Vue.js
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关联链接常用代码
2012/11/05 PHP
PHP实现邮件群发的源码
2013/06/18 PHP
利用php下载xls文件(自己动手写的)
2014/04/18 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
php根据一个给定范围和步进生成数组的方法
2015/06/19 PHP
PHP实现删除字符串中任何字符的函数
2015/08/11 PHP
WordPress中邮件的一些修改和自定义技巧
2015/12/15 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
详解thinkphp实现excel数据的导入导出(附完整案例)
2016/12/29 PHP
用javascript实现的仿Flash广告图片轮换效果
2007/04/24 Javascript
JavaScript 字符串连接性能优化
2008/12/20 Javascript
JavaScript 判断浏览器类型及版本
2009/02/21 Javascript
js原型链原理看图说明
2012/07/07 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
2013/07/15 Javascript
JS小游戏之宇宙战机源码详解
2014/09/25 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
2016/05/09 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
2016/05/17 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
2016/12/01 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
vue之延时刷新实例
2019/11/14 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
[01:10:24]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第一场 2月28日
2021/03/11 DOTA
python安装以及IDE的配置教程
2015/04/29 Python
python版飞机大战代码分享
2018/11/20 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
Python下划线5种含义代码实例解析
2020/07/10 Python
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
应届毕业生求职信范文
2013/12/18 职场文书
参观接待方案
2014/03/17 职场文书
银行贷款承诺书
2014/03/29 职场文书
2014年党支部学习材料
2014/05/19 职场文书
运动会广播稿诗歌版
2014/09/12 职场文书
2016年社会主义核心价值观心得体会
2016/01/21 职场文书
护理培训心得体会
2016/01/22 职场文书
MySQL中几种插入和批量语句实例详解
2021/09/14 MySQL