原生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中一些util方法汇总
Jun 10 Javascript
jQuery中设置form表单中action值的实现方法
May 25 Javascript
jQuery实现文字自动横移
Jan 08 Javascript
jquery事件与绑定事件
Mar 16 Javascript
使用JavaScriptCore实现OC和JS交互详解
Mar 28 Javascript
angularjs中的$eval方法详解
Apr 24 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
微信小程序 wx.request方法的异步封装实例详解
May 18 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 Javascript
JavaScript闭包原理与用法实例分析
Aug 10 Javascript
Vue渲染过程浅析
Mar 14 Javascript
一道JS算法面试题——冒泡、选择排序
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
整理的9个实用的PHP库简介和下载
2010/11/09 PHP
PHP怎么实现网站保存快捷方式方便用户随时浏览
2013/08/15 PHP
PHP中isset与array_key_exists的区别实例分析
2015/06/02 PHP
PHP实现json_decode不转义中文的方法
2017/05/20 PHP
js 日期转换成中文格式的函数
2009/07/07 Javascript
JavaScript事件处理器中的event参数使用介绍
2013/05/24 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
2013/10/10 Javascript
node.js中的fs.readFileSync方法使用说明
2014/12/15 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
javascript中BOM基础知识总结
2017/02/14 Javascript
vuex中使用对象展开运算符的示例
2017/09/25 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
Vue.js 中 axios 跨域访问错误问题及解决方法
2018/11/21 Javascript
js中对象与对象创建方法的各种方法
2019/02/27 Javascript
Vue组件间通信 Vuex的用法解析
2019/08/05 Javascript
JS自定义对象创建与简单使用方法示例
2020/01/15 Javascript
使用Python进行稳定可靠的文件操作详解
2013/12/31 Python
python任务调度实例分析
2015/05/19 Python
详解Python迭代和迭代器
2016/03/28 Python
详解python 利用echarts画地图(热力图)(世界地图,省市地图,区县地图)
2019/08/06 Python
Python3 虚拟开发环境搭建过程(图文详解)
2020/01/06 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
Derek Rose官网:英国高档睡衣、家居服和内衣品牌
2020/01/18 全球购物
大学生咖啡店创业计划书
2014/01/21 职场文书
四风问题个人对照检查材料
2014/09/26 职场文书
小学感恩节活动总结
2015/03/24 职场文书
中标通知书格式
2015/04/17 职场文书
导游词之天下银坑景区
2019/11/21 职场文书
五年级作文之学校的四季
2019/12/05 职场文书
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript
python中如何对多变量连续赋值
2021/06/03 Python
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL
python数字图像处理实现图像的形变与缩放
2022/06/28 Python