原生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中防刷IP流量软件影响统计的一点对策
Jul 10 Javascript
javascript中setTimeout使用指南
Jul 26 Javascript
JS实现的适合做faq或menu滑动效果示例
Nov 17 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
Dec 18 Javascript
vue实现页面加载动画效果
Sep 19 Javascript
使用ECharts实现状态区间图
Oct 25 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
Apr 04 Javascript
js实现全选反选不选功能代码详解
Apr 24 Javascript
Vue.js轮播图走马灯代码实例(全)
May 08 Javascript
JS实现数据动态渲染的竖向步骤条
Jun 24 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 Javascript
如何在Express4.x中愉快地使用async的方法
Nov 18 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&java(一)
2006/10/09 PHP
php通过COM类调用组件的实现代码
2012/01/11 PHP
解析php多线程下载远程多个文件
2013/06/25 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
ThinkPHP中类的构造函数_construct()与_initialize()的区别详解
2017/03/13 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
2012/02/03 Javascript
JS代码判断IE6,IE7,IE8,IE9的函数代码
2013/08/02 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
JavaScript对HTML DOM使用EventListener进行操作
2015/10/21 Javascript
JavaScript构建自己的对象示例
2016/11/29 Javascript
jqueryUI tab标签页代码分享
2017/10/09 jQuery
浅谈webpack 构建性能优化策略小结
2018/06/13 Javascript
Vue事件修饰符native、self示例详解
2019/07/09 Javascript
layui 富文本编辑器和textarea值的相互传递方法
2019/09/18 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
2020/04/26 Javascript
vue - props 声明数组和对象操作
2020/07/30 Javascript
python实现哈希表
2014/02/07 Python
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
Python和Java进行DES加密和解密的实例
2018/01/09 Python
浅谈Pandas:Series和DataFrame间的算术元素
2018/12/22 Python
pyqt5让图片自适应QLabel大小上以及移除已显示的图片方法
2019/06/21 Python
美国艺术和工艺品商店:Hobby Lobby
2020/12/09 全球购物
2014年两会学习心得范例
2014/03/17 职场文书
捐赠仪式主持词
2014/03/19 职场文书
手术室护士长竞聘书
2014/03/31 职场文书
QQ空间主人寄语大全
2014/04/12 职场文书
房屋产权证明书
2014/10/15 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
2014年社区计生工作总结
2014/11/18 职场文书
社区文明倡议书
2015/04/28 职场文书
幽默导游词开场白
2015/05/29 职场文书
2016幼儿园新学期寄语
2015/12/03 职场文书
关于CSS浮动与取消浮动的问题
2021/06/28 HTML / CSS