原生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 相关文章推荐
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
javascript阻止scroll事件多次执行的思路及实现
Nov 08 Javascript
js判断浏览器版本以及浏览器内核的方法
Jan 20 Javascript
使用Promise解决多层异步调用的简单学习心得
May 17 Javascript
AngularJS中run方法的巧妙运用
Jan 04 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
Jun 12 Javascript
使用JavaScript实现alert的实例代码
Jul 06 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
详解javascript中的变量提升和函数提升
May 24 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
Vue中key的作用示例代码详解
Jun 10 Javascript
vue实现路由懒加载的3种方法示例
Sep 01 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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
Yii2框架实现登陆添加验证码功能示例
2018/07/12 PHP
通过实例解析PHP数据类型转换方法
2020/07/11 PHP
深入理解Javascript闭包 新手版
2010/12/28 Javascript
js批量设置样式的三种方法不推荐使用with
2013/02/25 Javascript
jQuery中阻止冒泡事件的方法介绍
2014/04/12 Javascript
使用jQuery实现返回顶部
2015/01/26 Javascript
jQuery实现自定义右键菜单的树状菜单效果
2015/09/02 Javascript
简单的jQuery banner图片轮播实例代码
2016/03/04 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
2016/06/16 Javascript
JS中BOM相关知识点总结(必看篇)
2016/11/22 Javascript
JavaScript实现两个select下拉框选项左移右移
2017/03/09 Javascript
js断点调试心得分享(必看篇)
2017/12/08 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
详解如何使用微信小程序云函数发送短信验证码
2019/03/13 Javascript
详解原生JS动态添加和删除类
2019/03/26 Javascript
Node.js事件的正确使用方法
2019/04/05 Javascript
详解Element-UI中上传的文件前端处理
2019/08/07 Javascript
layui-table对返回的数据进行转变显示的实例
2019/09/04 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
2020/07/21 Javascript
如何封装Vue Element的table表格组件
2021/02/06 Vue.js
深入理解python函数递归和生成器
2016/06/06 Python
解决python2.7用pip安装包时出现错误的问题
2017/01/23 Python
在Python中pandas.DataFrame重置索引名称的实例
2018/11/06 Python
Python PyQt5整理介绍
2020/04/01 Python
Blue Nile台湾:钻石珠宝商,订婚首饰、结婚戒指和精品首饰
2017/11/24 全球购物
任意存:BOXFUL
2018/05/21 全球购物
OLEDBConnection和SQLConnection有什么区别
2013/05/31 面试题
感谢信怎么写
2015/01/21 职场文书
2015年宣传部个人工作总结
2015/05/14 职场文书
交通安全温馨提示语
2015/07/14 职场文书
2015年乡镇组织委员工作总结
2015/10/23 职场文书
工人先锋号事迹材料(2016精选版)
2016/03/01 职场文书
基于CSS3画一个iPhone
2021/04/21 HTML / CSS