原生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 18 Javascript
jquery(hide方法)隐藏指定元素实例
Nov 11 Javascript
Flash图片上传组件 swfupload使用指南
Mar 14 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
原生JS和JQuery动态添加、删除表格行的方法
May 28 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
Jul 09 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
Nov 29 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
Bootstrap轮播插件使用代码
Oct 11 Javascript
Vue.set()实现数据动态响应的方法
Feb 07 Javascript
vue 录制视频并压缩视频文件的方法
Jul 27 Javascript
JS数组的常用方法整理
Mar 31 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
PHP CURL获取返回值的方法
2014/05/04 PHP
微信access_token的获取开发示例
2015/04/16 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
替代window.event.srcElement效果的可兼容性的函数
2009/12/18 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
2015/09/14 Javascript
三种Node.js写文件的方式
2016/03/08 Javascript
第一次接触神奇的Bootstrap表单
2016/07/27 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
使用Electron构建React+Webpack桌面应用的方法
2017/12/15 Javascript
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
2018/05/31 Javascript
JS实现简单的星期格式转换功能示例
2018/07/23 Javascript
用vuex写了一个购物车H5页面的示例代码
2018/12/04 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
2020/01/08 Javascript
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
python实现ftp客户端示例分享
2014/02/17 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
Python爬虫文件下载图文教程
2018/12/23 Python
Python判断字符串是否xx开始或结尾的示例
2019/08/08 Python
python 申请内存空间,用于创建多维数组的实例
2019/12/02 Python
使用python求解二次规划的问题
2020/02/29 Python
python递归调用中的坑:打印有值, 返回却None
2020/03/16 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
俄罗斯披萨、寿司和面食送货到家服务:2 Берега
2019/12/15 全球购物
北美最大的参茸药食商城:德成行
2020/12/06 全球购物
工程专业求职自荐书范文
2014/02/18 职场文书
应届毕业生应聘自荐信范文
2014/02/26 职场文书
2015年社会实践个人总结
2015/03/06 职场文书
公司团队口号霸气押韵
2015/12/24 职场文书
创业计划书之旅游网站
2019/09/06 职场文书
本地通过nginx配置反向代理的全过程记录
2021/03/31 Servers
Qt数据库应用之实现图片转pdf
2022/06/01 Java/Android