原生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 相关文章推荐
js 巧妙去除数组中的重复项
Jan 25 Javascript
单击按钮显示隐藏子菜单经典案例
Jan 04 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
Aug 28 Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
javascript检测flash插件是否被禁用的方法
Jan 14 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
Sep 02 Javascript
Javascript vue.js表格分页,ajax异步加载数据
Oct 24 Javascript
微信小程序开发之Tabbar实例详解
Jan 09 Javascript
vue路由拦截及页面跳转的设置方法
May 24 Javascript
js实现购物车功能
Jun 12 Javascript
详解Angular6学习笔记之主从组件
Sep 05 Javascript
JS简单数组排序操作示例【sort方法】
May 17 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使用异步调用获取数据时出现(错误c00ce56e导致此项操作无法完成)
2013/07/03 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解
2016/03/07 PHP
PHP操作mysql数据库分表的方法
2016/06/09 PHP
PHP实现Unicode编码相互转换的方法示例
2020/11/17 PHP
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
将list转换为json失败的原因
2013/12/17 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
2015/09/15 Javascript
bootstrap网格系统使用方法解析
2017/01/13 Javascript
动态统计当前输入内容的字节、字符数的实例详解
2017/10/27 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
2018/12/10 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
2019/06/17 Javascript
vue使用showdown并实现代码区域高亮的示例代码
2019/10/17 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
[02:58]献给西雅图的情书_高清
2014/05/29 DOTA
Python错误提示:[Errno 24] Too many open files的分析与解决
2017/02/16 Python
python处理Excel xlrd的简单使用
2017/09/12 Python
利用numpy实现一、二维数组的拼接简单代码示例
2017/12/15 Python
python调用百度REST API实现语音识别
2018/08/30 Python
Python求一批字符串的最长公共前缀算法示例
2019/03/02 Python
pandas.DataFrame的pivot()和unstack()实现行转列
2019/07/06 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
Canvas实现保存图片到本地的示例代码
2018/06/28 HTML / CSS
Myprotein蛋白粉美国官网:欧洲畅销运动营养品牌
2016/11/15 全球购物
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
Unineed中文官网:高端护肤美妆与时尚配饰,英国直邮
2020/07/23 全球购物
幼儿园教师自我鉴定
2014/03/20 职场文书
青年文明号创建承诺
2014/03/31 职场文书
政府信息公开实施方案
2014/05/09 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
就业意向协议书
2015/01/29 职场文书
2016年教师党员公开承诺书
2016/03/24 职场文书
python基础入门之普通操作与函数(三)
2021/06/13 Python