原生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 相关文章推荐
取键盘键位ASCII码的网页
Jul 30 Javascript
window.name代替cookie的实现代码
Nov 28 Javascript
Node.js实战 建立简单的Web服务器
Mar 08 Javascript
JavaScript转换农历类实现及调用方法
Jan 27 Javascript
获取鼠标在div中的相对位置的实现代码
Dec 30 Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 Javascript
indexOf 和 lastIndexOf 使用示例介绍
Sep 02 Javascript
PHP抓取HTTPS内容和错误处理的方法
Sep 30 Javascript
angular使用bootstrap方法手动启动的实例代码
Jul 18 Javascript
Javascript中this关键字指向问题的测试与详解
Aug 11 Javascript
node错误处理与日志记录的实现
Dec 24 Javascript
vue-cli —— 如何局部修改Element样式
Oct 22 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实现的http请求封装示例
2016/11/08 PHP
PHP数组遍历的几种常见方式总结
2019/02/15 PHP
JavaScript 加号(+)运算符号
2009/12/06 Javascript
js的表单操作 简单计算器
2011/12/29 Javascript
js对象与打印对象分析比较
2013/04/23 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
js或jquery实现页面打印可局部打印
2014/03/27 Javascript
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
jquery datatable服务端分页
2016/08/31 Javascript
原生js的RSA和AES加密解密算法
2016/10/08 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
2019/05/13 Javascript
解决Vue中 父子传值 数据丢失问题
2019/08/27 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
2019/09/18 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
2019/12/16 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
JavaScript Array.flat()函数用法解析
2020/09/02 Javascript
对python文件读写的缓冲行为详解
2019/02/13 Python
python 字典的打印实现
2019/09/26 Python
python异常处理、自定义异常、断言原理与用法分析
2020/03/23 Python
解决python DataFrame 打印结果不换行问题
2020/04/09 Python
python Matplotlib数据可视化(1):简单入门
2020/09/30 Python
H5 canvas实现贪吃蛇小游戏
2017/07/28 HTML / CSS
英国男士时尚网站:Dandy Fellow
2018/02/09 全球购物
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
EJB的几种类型
2012/08/15 面试题
普通大学毕业生自荐信
2013/11/04 职场文书
《理想的风筝》教学反思
2014/04/11 职场文书
教师职位说明书
2014/07/29 职场文书
超市开店计划书
2014/09/15 职场文书
中国古代史学名著《战国策》概述
2019/08/09 职场文书
Python中requests库的用法详解
2022/06/05 Python