原生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引用对象的方法
Jan 11 Javascript
Javascript 同时提交多个Web表单的方法
Feb 19 Javascript
javascript 当前日期转化为中文的实现代码
May 13 Javascript
js前台分页显示后端JAVA数据响应
Mar 18 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
Mar 07 Javascript
JavaScript知识点总结之如何提高性能
Jan 15 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
May 03 Javascript
jQuery仿写百度百科的目录树
Jan 03 Javascript
详谈innerHTML innerText的使用和区别
Aug 18 Javascript
vue多种弹框的弹出形式的示例代码
Sep 18 Javascript
antd配置config-overrides.js文件的操作
Oct 31 Javascript
微信小程序实现购物车小功能
Dec 30 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/11/16 PHP
mysql,mysqli,PDO的各自不同介绍
2012/09/19 PHP
基于CI框架的微信网页授权库示例
2016/11/25 PHP
php页面跳转session cookie丢失导致不能登录等问题的解决方法
2016/12/12 PHP
PHP二维数组分页2种实现方法解析
2020/07/09 PHP
javascript 操作Word和Excel的实现代码
2009/10/26 Javascript
js 刷新页面的代码小结 推荐
2010/04/02 Javascript
JavaScript日历实现代码
2010/09/12 Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
2016/07/06 Javascript
移动端滑动插件Swipe教程
2016/10/16 Javascript
微信小程序  action-sheet详解及实例代码
2016/11/09 Javascript
jQuery中each循环的跳出和结束实例
2017/08/16 jQuery
Angular模版驱动表单的使用总结
2018/05/05 Javascript
微信小程序实现聊天对话(文本、图片)功能
2018/07/06 Javascript
学习React中ref的两个demo示例
2018/08/14 Javascript
js form表单input框限制20个字符,10个汉字代码实例
2019/04/12 Javascript
原生JS实现动态添加新元素、删除元素方法
2019/05/05 Javascript
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
微信小程序如何实现radio单选框单击打勾和取消
2020/01/21 Javascript
python线程池(threadpool)模块使用笔记详解
2017/11/17 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
python之django母板页面的使用
2018/07/03 Python
解析python的局部变量和全局变量
2019/08/15 Python
TensorFlow基本的常量、变量和运算操作详解
2020/02/03 Python
使用python实现微信小程序自动签到功能
2020/04/27 Python
Python控制鼠标键盘代码实例
2020/12/08 Python
html5 桌面提醒:Notifycations应用介绍
2012/11/27 HTML / CSS
超市营业员求职简历的自我评价
2013/10/17 职场文书
义和团口号
2014/06/17 职场文书
工程部部长岗位职责
2015/02/12 职场文书
校本研修个人总结
2015/02/28 职场文书
中学生清明节演讲稿
2015/03/18 职场文书
培训讲师开场白
2015/06/01 职场文书
《颐和园》教学反思
2016/02/19 职场文书
MySQL数据库 安全管理
2022/05/06 MySQL
Android Canvas绘制文字横纵向对齐
2022/06/05 Java/Android