原生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(AJAX)解析XML的代码(兼容FIREFOX/IE)
Jul 11 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
Nov 21 Javascript
jQuery实现数字加减效果汇总
Dec 16 Javascript
AngularJS 表达式详解及实例代码
Sep 14 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
vue-cli+webpack记事本项目创建
Apr 01 Javascript
Vue单页及多页应用全局配置404页面实践记录
May 22 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
Jun 27 Javascript
vue自定义指令实现方法详解
Feb 11 Javascript
ES6 Symbol数据类型的应用实例分析
Jun 26 Javascript
vue路由传参页面刷新参数丢失问题解决方案
Oct 08 Javascript
Vue Object 的变化侦测实现代码
Apr 15 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
优化NFR之一 --MSSQL Hello Buffer Overflow
2006/10/09 PHP
PHP中限制IP段访问、禁止IP提交表单的代码
2011/04/23 PHP
第二章 PHP入门基础之php代码写法
2011/12/30 PHP
PHP删除数组中的特定元素的代码
2012/06/28 PHP
php自定文件保存session的方法
2014/12/10 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
Javascript 类型转换方法
2010/10/24 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
用js获取电脑信息(是使用与IE浏览器)
2013/01/15 Javascript
JavaScript 实现打印,打印预览,打印设置
2014/12/30 Javascript
JavaScript中的Object对象学习教程
2016/05/20 Javascript
JavaScript操作表单实例讲解(上)
2016/06/20 Javascript
基于原生JS实现图片裁剪
2016/08/01 Javascript
利用vue实现模态框组件
2016/12/19 Javascript
利用express启动一个server服务的方法
2017/09/17 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
AngularJS中的作用域实例分析
2018/05/16 Javascript
vue组件表单数据回显验证及提交的实例代码
2018/08/30 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
2019/06/05 Javascript
javascript跳转与返回和刷新页面的实例代码
2019/11/20 Javascript
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
vue项目打包之开发环境和部署环境的实现
2020/04/23 Javascript
[42:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS OpTic
2018/03/31 DOTA
Python ORM框架SQLAlchemy学习笔记之映射类使用实例和Session会话介绍
2014/06/10 Python
Python selenium如何设置等待时间
2016/09/15 Python
python贪吃蛇游戏代码
2020/04/18 Python
Python使用os.listdir和os.walk获取文件路径
2020/05/21 Python
Numpy(Pandas)删除全为零的列的方法
2020/09/11 Python
员工年终演讲稿
2014/01/03 职场文书
学校安全工作制度
2014/01/19 职场文书
2014年国庆节演讲稿
2014/09/19 职场文书
在职员工证明书
2014/09/19 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server
使用Python拟合函数曲线
2022/04/14 Python