原生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 相关文章推荐
JavaScript事件委托的技术原理探讨示例
Apr 17 Javascript
输入框过滤非数字的js代码
Sep 18 Javascript
jquery Easyui快速开发总结
Aug 20 Javascript
js 获取经纬度的实现方法
Jun 20 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
Dec 22 Javascript
详解VUE 定义全局变量的几种实现方式
Jun 01 Javascript
详解Vue2.0 事件派发与接收
Sep 05 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
Dec 24 Javascript
jQuery属性选择器用法实例分析
Jun 28 jQuery
vue封装swiper代码实例解析
Oct 08 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
Oct 27 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 Vue.js
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
如何用php获取程序执行的时间
2013/06/09 PHP
php引用传值实例详解学习
2013/11/06 PHP
php使用curl简单抓取远程url的方法
2015/03/13 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
5款Javascript颜色选择器
2009/10/25 Javascript
JS 有名函数表达式全面解析
2010/03/19 Javascript
JavaScript 判断日期格式是否正确的实现代码
2011/07/04 Javascript
多选列表框动态添加,移动,删除,全选等操作的简单实例
2014/01/13 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
JS实现旋转木马式图片轮播效果
2017/01/18 Javascript
微信小程序 this和that详解及简单实例
2017/02/13 Javascript
详解VUE 定义全局变量的几种实现方式
2017/06/01 Javascript
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
react-native中ListView组件点击跳转的方法示例
2017/09/30 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
ES6 fetch函数与后台交互实现
2018/11/14 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
nodejs简单抓包工具使用详解
2019/08/23 NodeJs
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
Python本地与全局命名空间用法实例
2015/06/16 Python
Python Django切换MySQL数据库实例详解
2019/07/16 Python
Keras实现将两个模型连接到一起
2020/05/23 Python
在Python3.74+PyCharm2020.1 x64中安装使用Kivy的详细教程
2020/08/07 Python
Python实现扫码工具的示例代码
2020/10/09 Python
来自南加州灵感的工作和娱乐服装:TravisMathew
2019/05/01 全球购物
英国第一独立滑雪板商店:The Snowboard Asylum
2020/01/16 全球购物
大学四年学习的自我评价分享
2013/12/09 职场文书
2015年党性分析材料
2014/12/19 职场文书
新教师教学工作总结
2015/08/12 职场文书
使用CSS实现一个搜索引擎的原理解析
2021/09/25 HTML / CSS
SQLServer权限之只开启创建表权限
2022/04/12 SQL Server