原生js实现class的添加和删除简单代码


Posted in Javascript onJuly 12, 2016

实例代码:

function hasClass( elements,cName ){ 
  return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") ); 
}; 
function addClass( elements,cName ){ 
  if( !hasClass( elements,cName ) ){ 
    elements.className += " " + cName; 
  }; 
}; 
function removeClass( elements,cName ){ 
  if( hasClass( elements,cName ) ){ 
    elements.className = elements.className.replace( new RegExp( "(\\s|^)" + cName + "(\\s|$)" ), " " );
  }; 
};

以上这篇原生js实现class的添加和删除简单代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery imgareaselect 使用利用js与程序结合实现图片剪切
Jul 30 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
Jan 23 Javascript
A标签中通过href和onclick传递的this对象实现思路
Apr 19 Javascript
JQuery的ready函数与JS的onload的区别详解
Nov 21 Javascript
基于JS实现仿百度百家主页的轮播图效果
Mar 06 Javascript
详解webpack自动生成html页面
Jun 29 Javascript
jquery-file-upload 文件上传带进度条效果
Nov 21 jQuery
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
Dec 19 Javascript
浅谈JS对象添加getter与setter的5种方法
Jun 09 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
Nov 17 Javascript
ES6函数和数组用法实例分析
May 23 Javascript
JavaScript中的宏任务和微任务详情
Nov 27 Javascript
JavaScript动态添加事件之事件委托
Jul 12 #Javascript
html+js实现简单的计算器代码(加减乘除)
Jul 12 #Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
Jul 12 #Javascript
javascript加减乘除的简单实例
Jul 12 #Javascript
浅谈javascript中的加减时间
Jul 12 #Javascript
多功能jQuery树插件zTree实现权限列表简单实例
Jul 12 #Javascript
基于BootStrap环境写jQuery tabs插件
Jul 12 #Javascript
You might like
Session的工作方式
2006/10/09 PHP
PHP的curl函数的用法总结
2019/02/14 PHP
javascript String 的扩展方法集合
2008/06/01 Javascript
jquery用get实现ajax在ie里面刷新不进入后台解决方法
2013/08/12 Javascript
如何实现textarea里的不同文本显示不同颜色
2014/01/20 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
2015/06/14 Javascript
javascript实现网页字符定位的方法
2015/07/14 Javascript
IE10中flexigrid无法显示数据的解决方法
2015/07/26 Javascript
JS截取字符串实例详解
2015/11/24 Javascript
JSONObject使用方法详解
2015/12/17 Javascript
JQuery日期插件datepicker的使用方法
2016/03/03 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
Nodejs下DNS缓存问题浅析
2016/11/16 NodeJs
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
2017/03/15 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
2017/08/19 jQuery
微信小程序倒计时功能实现代码
2017/11/09 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
2019/08/20 Javascript
详解Java中String JSONObject JSONArray List转换
2020/11/13 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
Python获取文件ssdeep值的方法
2014/10/05 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
python输出带颜色字体实例方法
2019/09/01 Python
如何在mac环境中用python处理protobuf
2019/12/25 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
python3中sorted函数里cmp参数改变详解
2020/03/12 Python
JAVA SWT事件四种写法实例解析
2020/06/05 Python
python缩进长度是否统一
2020/08/02 Python
家乐福台湾线上购物网:Carrefour台湾
2020/09/15 全球购物
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
入党自我评价范文
2014/02/02 职场文书
讲解员培训方案
2014/05/04 职场文书
最新离婚协议书范本
2014/08/19 职场文书
导游词之茶卡盐湖
2019/11/26 职场文书
MySQL一些常用高级SQL语句
2021/07/03 MySQL