编程 Javascript

原生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的添加和删除简单代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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