原生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 相关文章推荐
Extjs4 关于Store的一些操作(加载/回调/添加)
Apr 18 Javascript
jQuery+AJAX实现无刷新下拉加载更多
Jul 03 Javascript
网页从弹窗页面单选框传值至父页面代码分享
Sep 29 Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 Javascript
浅谈JS中json数据的处理
Jun 30 Javascript
JavaScript实现三级联动菜单实例代码
Jun 26 Javascript
AngularJS日程表案例详解
Aug 15 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
微信小程序排坑指南详解
May 23 Javascript
Vue项目安装插件并保存
Jan 28 Javascript
解决vue组件props传值对象获取不到的问题
Jun 06 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
在wamp集成环境下升级php版本(实现方法)
2013/07/01 PHP
Thinkphp中volist标签mod控制一定记录的换行BUG解决方法
2014/11/04 PHP
PHP字符串word末字符实现大小写互换的方法
2014/11/10 PHP
php实现window平台的checkdnsrr函数
2015/05/27 PHP
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
yii,CI,yaf框架+smarty模板使用方法
2015/12/29 PHP
对textarea框的代码调试,而且功能上使用非常方便,酷
2006/06/30 Javascript
网络之美 JavaScript中Get和Set访问器的实现代码
2010/09/19 Javascript
自动最大化窗口的Javascript代码
2013/05/22 Javascript
Javascript学习笔记之数组的构造函数
2014/11/23 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
2017/09/02 Javascript
JS点击动态添加标签、删除指定标签的代码
2018/04/18 Javascript
JS实现把一个页面层数据传递到另一个页面的两种方式
2018/08/13 Javascript
使用axios发送post请求,将JSON数据改为form类型的示例
2019/10/31 Javascript
微信小程序利用云函数获取手机号码
2019/12/17 Javascript
jQuery实现移动端笔触canvas电子签名
2020/05/21 jQuery
浅谈JavaScript 声明提升
2020/09/14 Javascript
vue实现标签云效果的示例
2020/11/09 Javascript
Vue中computed和watch有哪些区别
2020/12/19 Vue.js
vue使用transition组件动画效果的实例代码
2021/01/28 Vue.js
[02:34]DOTA2英雄基础教程 幽鬼
2014/01/02 DOTA
使用python3调用wxpy模块监控linux日志并定时发送消息给群组或好友
2019/06/05 Python
django框架模型层功能、组成与用法分析
2019/07/30 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
Python创建临时文件和文件夹
2020/08/05 Python
英国浴室洗脸盆购物网站:Click Basin
2018/06/08 全球购物
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
薇姿法国官网:Vichy法国
2021/01/28 全球购物
超市创业计划书
2014/04/24 职场文书
片区教研活动总结
2014/07/02 职场文书
司机岗位职责范本
2015/04/10 职场文书
立秋之描写立秋的作文(五年级)
2019/08/08 职场文书
MySQL面试题讲解之如何设置Hash索引
2021/11/01 MySQL