原生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 相关文章推荐
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 Javascript
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
Apr 24 Javascript
jquery中通过父级查找进行定位示例
Jun 28 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
Aug 22 Javascript
javascript实现类似百度分享功能的方法
Jul 27 Javascript
JS正则获取HTML元素的方法
Mar 31 Javascript
详解element-ui中form验证杂记
Mar 04 Javascript
使用Node.js写一个代码生成器的方法步骤
May 10 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 jQuery
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
Apr 07 Javascript
vue 解决IOS10低版本白屏的问题
Nov 17 Javascript
前端框架ECharts dataset对数据可视化的高级管理
Dec 24 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
多人战的战术与战略
2020/03/04 星际争霸
了解咖啡雨林联盟认证 什么是雨林认证 雨林认证是什么意思
2021/03/05 新手入门
完美解决PHP中文乱码
2009/11/26 PHP
PHP获取音频文件的相关信息
2015/06/22 PHP
php中关于换行的实例写法
2019/09/26 PHP
一个JQuery操作Table的代码分享
2012/03/30 Javascript
jquery等待效果示例
2014/05/01 Javascript
jquery easyui使用心得
2014/07/07 Javascript
node.js中的fs.linkSync方法使用说明
2014/12/15 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
vue.js入门教程之计算属性
2016/09/01 Javascript
Bootstrap基本样式学习笔记之表格(2)
2016/12/07 Javascript
Bootstrap基本组件学习笔记之分页(12)
2016/12/08 Javascript
jQuery开源组件BootstrapValidator使用详解
2017/06/29 jQuery
微信小程序 sha1 实现密码加密实例详解
2017/07/06 Javascript
jquery获取链接地址和跳转详解(推荐)
2017/08/15 jQuery
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
Vue 之孙组件向爷组件通信的实现
2019/04/23 Javascript
在Python中通过threading模块定义和调用线程的方法
2016/07/12 Python
Python如何判断数独是否合法
2016/09/08 Python
理解python中生成器用法
2017/12/20 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
pandas read_excel()和to_excel()函数解析
2019/09/19 Python
python3.7调试的实例方法
2020/07/21 Python
简述 Python 的类和对象
2020/08/21 Python
python调用百度API实现人脸识别
2020/11/17 Python
国际化的太阳镜及太阳镜配件零售商:Sunglass Hut
2016/07/26 全球购物
应用数学专业求职信
2014/03/14 职场文书
法语专业求职信
2014/07/20 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书
详解PHP Swoole与TCP三次握手
2021/05/27 PHP
SpringBoot2零基础到精通之数据与页面响应
2022/03/22 Java/Android
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技