原生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 判断页面元素是否存在的代码
Aug 14 Javascript
js从Cookies里面取值的简单实现
Jun 30 Javascript
node.js中的fs.readFileSync方法使用说明
Dec 15 Javascript
Javascript基础教程之数据类型转换
Jan 18 Javascript
基于React.js实现原生js拖拽效果引发的思考
Mar 30 Javascript
详解js的六大数据类型
Dec 27 Javascript
JavaScript 函数节流详解及方法总结
Feb 09 Javascript
AngularJS表单提交实例详解
Feb 18 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
Aug 31 Javascript
VUE+node(express)实现前后端分离
Oct 13 Javascript
node运行js获得输出的三种方式示例详解
Jul 02 Javascript
js实现移动端轮播图滑动切换
Dec 21 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
php5 and xml示例
2006/11/22 PHP
PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
2014/09/29 PHP
推荐一款PHP+jQuery制作的列表分页的功能模块
2014/10/14 PHP
CodeIgniter配置之SESSION用法实例分析
2016/01/19 PHP
PHPCMS V9 添加二级导航的思路详解
2016/10/20 PHP
jquery获取table中的某行全部td的内容方法
2013/03/08 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
2013/06/08 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
Bootstrap标签页(Tab)插件使用方法
2017/03/21 Javascript
Js利用console计算代码运行时间的方法示例
2017/09/24 Javascript
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
vue实现的上拉加载更多数据/分页功能示例
2019/05/25 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
详解elementUI中input框无法输入的问题
2020/04/27 Javascript
[02:12]Dota 2 推出全新英雄—— 电炎绝手
2019/08/23 DOTA
从零学Python之hello world
2014/05/21 Python
Python计算一个文件里字数的方法
2015/06/15 Python
pandas中去除指定字符的实例
2018/05/18 Python
html+css实现自定义图片上传按钮功能
2019/09/04 HTML / CSS
HTML5 canvas画矩形时出现边框样式不一致的解决方法
2013/10/14 HTML / CSS
SteelSeries赛睿官网:游戏外设和配件的领先制造商(耳机、键盘、鼠标和鼠标垫)
2018/06/17 全球购物
交通安全演讲稿
2014/01/07 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
2014年店长工作总结
2014/11/17 职场文书
2015应届毕业生求职信范文
2015/03/20 职场文书
士兵突击观后感
2015/06/16 职场文书
付款证明格式范文
2015/06/19 职场文书
cf战队宣传语
2015/07/13 职场文书
2016年员工年度考核评语
2015/12/02 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL
go goroutine 怎样进行错误处理
2021/07/16 Golang
bootstrapv4轮播图去除两侧阴影及线框的方法
2022/02/15 HTML / CSS
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL