原生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 相关文章推荐
用jscript实现新建word文档
Jun 15 Javascript
详细介绍8款超实用JavaScript框架
Oct 25 Javascript
为jquery的ajaxfileupload增加附加参数的方法
Mar 04 Javascript
document.addEventListener使用介绍
Mar 07 Javascript
node.js中RPC(远程过程调用)的实现原理介绍
Dec 05 Javascript
jquery代码实现简单的随机图片瀑布流效果
Apr 20 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
Apr 30 Javascript
jQuery Validate插件实现表单验证
Aug 19 Javascript
vue2 前端搜索实现示例
Feb 26 Javascript
浅谈Angularjs中不同类型的双向数据绑定
Jul 16 Javascript
clipboard在vue中的使用的方法示例
Oct 19 Javascript
JS pushlet XMLAdapter适配器用法案例解析
Oct 16 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中如何防止表单的重复提交
2013/08/02 PHP
PHP小技巧之函数重载
2014/06/02 PHP
Codeigniter实现发送带附件的邮件
2015/03/19 PHP
为百度UE编辑器上传图片添加水印功能
2015/04/16 PHP
一段实用的php验证码函数
2016/05/19 PHP
PHP读书笔记整理_结构语句详解
2016/07/01 PHP
php基于curl实现随机ip地址抓取内容的方法
2016/10/11 PHP
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
2007/03/10 Javascript
js tab 选项卡
2009/04/26 Javascript
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
2010/06/29 Javascript
菜鸟javascript基础资料整理2
2010/12/06 Javascript
jquery 触发a链接点击事件解决方案
2013/05/02 Javascript
jQuery - css() 方法示例详解
2014/01/16 Javascript
js获取和设置属性的方法
2014/02/20 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
Angular中自定义Debounce Click指令防止重复点击
2017/07/26 Javascript
Javascript获取某个月的天数
2018/05/30 Javascript
layer 刷新某个页面的实现方法
2019/09/05 Javascript
小程序新版订阅消息模板消息
2019/12/31 Javascript
[02:35]DOTA2英雄基础教程 末日使者
2013/12/04 DOTA
[01:17]炒鸡美酒第四天TA暴走
2018/06/05 DOTA
Python实现k-means算法
2018/02/23 Python
Django渲染Markdown文章目录的方法示例
2019/01/02 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
python 根据网易云歌曲的ID 直接下载歌曲的实例
2019/08/24 Python
为2021年的第一场雪锦上添花:用matplotlib绘制雪花和雪景
2021/01/05 Python
HTML5移动开发图片压缩上传功能
2016/11/09 HTML / CSS
印尼最大的在线购物网站:MatahariMall.com
2016/08/26 全球购物
Manduka官网:瑜伽垫、瑜伽毛巾和服装
2018/07/02 全球购物
世界上最大的在线汽车租赁预订平台:Rentalcars.com(支持中文)
2018/10/12 全球购物
VICHY薇姿俄罗斯官方网上商店:法国护肤品牌,火山温泉水
2019/11/22 全球购物
致长跑运动员广播稿
2014/01/31 职场文书
带薪年假请假条
2014/02/04 职场文书
小学六一主持词开场白
2015/05/28 职场文书
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis