原生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 01 Javascript
JavaScript 程序编码规范
Nov 23 Javascript
提取jquery的ready()方法单独使用示例
Mar 25 Javascript
JS实现div居中示例
Apr 17 Javascript
JS获取单击按钮单元格所在行的信息
Jun 17 Javascript
深入分析下javascript中的[]()+!
Jul 07 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
Oct 14 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
Dec 24 Javascript
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
Vue-Access-Control 前端用户权限控制解决方案
Dec 01 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
Mar 24 Javascript
js面试题之异步问题的深入理解
Sep 20 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中将指针移动到数据集初始位置的实现代码[mysql_data_seek]
2012/11/01 PHP
php中的常用魔术方法总结
2013/08/02 PHP
PHP自动重命名文件实现方法
2014/11/04 PHP
PHP实现动态创建XML文档的方法
2018/03/30 PHP
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
几个比较经典常用的jQuery小技巧
2010/03/01 Javascript
js控制网页前进和后退的方法
2015/06/08 Javascript
JQuery入门基础小实例(1)
2015/09/17 Javascript
vue.js表格分页示例
2016/10/18 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
2017/01/22 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
2017/02/28 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
2020/03/28 Javascript
vue中keep-alive的用法及问题描述
2018/05/15 Javascript
如何用input标签和jquery实现多图片的上传和回显功能
2018/05/16 jQuery
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
2019/04/30 Javascript
JS前端广告拦截实现原理解析
2020/02/17 Javascript
[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS
2014/05/22 DOTA
介绍Python的Django框架中的静态资源管理器django-pipeline
2015/04/25 Python
python并发和异步编程实例
2018/11/15 Python
pycharm 取消默认的右击运行unittest的方法
2018/11/29 Python
对django后台admin下拉框进行过滤的实例
2019/07/26 Python
Python yield的用法实例分析
2020/03/06 Python
python实现遍历文件夹图片并重命名
2020/03/23 Python
Python tkinter制作单机五子棋游戏
2020/09/14 Python
使用python将微信image下.dat文件解密为.png的方法
2020/11/30 Python
CSS3不透明度实例讲解
2016/04/26 HTML / CSS
html5 svg 中元素点击事件添加方法
2013/01/16 HTML / CSS
德国亚洲食品网上商店:asiafoodland.de
2019/12/28 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
大唐电信科技股份有限公司java工程师面试经历
2016/12/09 面试题
奥巴马演讲稿
2014/01/08 职场文书
2014收银员工作总结范文
2014/12/16 职场文书
深入理解go缓存库freecache的使用
2022/02/15 Golang
《杜鹃的婚约》OP主题曲「凸凹」无字幕影像公开
2022/04/08 日漫
python中pycryto实现数据加密
2022/04/29 Python
Win10服务全部禁用了怎么启动?Win10服务全部禁用解决方法
2022/09/23 数码科技