原生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中的运用上部
Nov 20 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
Mar 25 Javascript
Script标签与访问HTML页面详解
Jan 10 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
Jan 28 Javascript
jQuery实现炫酷的鼠标轨迹特效
Feb 01 Javascript
浅谈javascript的Array.prototype.slice.call
Aug 31 Javascript
jquery实现删除一个元素后面的所有元素功能
Dec 21 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
Feb 22 Javascript
ES6学习教程之对象字面量详解
Oct 09 Javascript
详解JS中统计函数执行次数与执行时间
Sep 04 Javascript
详解mpvue小程序中怎么引入iconfont字体图标
Oct 01 Javascript
vue组件创建的三种方式小结
Feb 03 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
与数据库连接
2006/10/09 PHP
PHP APC缓存配置、使用详解
2014/03/06 PHP
PHP中调用SVN命令更新网站方法
2015/01/07 PHP
总结一些PHP中好用但又容易忽略的小知识
2017/06/02 PHP
jQuery与其它库冲突的解决方法
2010/06/25 Javascript
JavaScript实现快速排序(自已编写)
2012/12/19 Javascript
JS中的prototype与面向对象的实例讲解
2013/05/22 Javascript
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
2015/03/13 Javascript
JQuery点击事件回到页面顶部效果的实现代码
2016/05/24 Javascript
购物车前端开发(jQuery和bootstrap3)
2016/08/27 Javascript
jQuery无缝轮播图代码
2016/12/22 Javascript
Vue.js实战之利用vue-router实现跳转页面
2017/04/01 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
2017/11/15 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
2018/03/21 Javascript
Vue 进阶之路(三)
2019/04/18 Javascript
解决在Vue中使用axios用form表单出现的问题
2019/10/30 Javascript
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
[01:33:59]真人秀《加油 DOTA》 第六期
2014/09/09 DOTA
极简的Python入门指引
2015/04/01 Python
Python中数字以及算数运算符的相关使用
2015/10/12 Python
python使用str & repr转换字符串
2016/10/13 Python
Python中进程和线程的区别详解
2017/10/29 Python
详解python selenium 爬取网易云音乐歌单名
2019/03/28 Python
python 寻找离散序列极值点的方法
2019/07/10 Python
运用PyTorch动手搭建一个共享单车预测器
2019/08/06 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
Django实现基于类的分页功能
2019/10/31 Python
使用Python将Exception异常错误堆栈信息写入日志文件
2020/04/08 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
国际贸易专业个人求职信格式
2014/02/02 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
详解CocosCreator项目结构机制
2021/04/14 Javascript
PyCharm 安装与使用配置教程(windows,mac通用)
2021/05/12 Python