原生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 相关文章推荐
HTML页面如何象ASP一样接受参数
Feb 07 Javascript
javascript图像处理—仿射变换深度理解
Jan 16 Javascript
javascript修改表格背景色实例代码分享
Dec 10 Javascript
JavaScript判断是否为数字的4种方法及效率比较
Apr 01 Javascript
jquery中的常见问题及快速解决方法小结
Jun 14 Javascript
weUI应用之JS常用信息提示弹层的封装
Nov 21 Javascript
AnglarJs中的上拉加载实现代码
Feb 08 Javascript
vue form 表单提交后刷新页面的方法
Sep 04 Javascript
javascript中的this作用域详解
Jul 15 Javascript
vue-cli3配置与跨域处理方法
Aug 17 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
Aug 21 Javascript
使用 JavaScript 制作页面效果
Apr 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
解析:通过php socket并借助telnet实现简单的聊天程序
2013/06/18 PHP
PHP中mb_convert_encoding与iconv函数的深入解析
2013/06/21 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
ThinkPHP中类的构造函数_construct()与_initialize()的区别详解
2017/03/13 PHP
Laravel框架实现多个视图共享相同数据的方法详解
2019/07/09 PHP
laravel框架的安装与路由实例分析
2019/10/11 PHP
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
基于jquery & json的省市区联动代码
2012/06/26 Javascript
JS图像无缝滚动脚本非常好用
2014/02/10 Javascript
javascript实现des解密加密全过程
2014/04/03 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
2014/06/24 Javascript
Javascript实现时间倒计时效果
2017/07/15 Javascript
vue+webpack模拟后台数据的示例代码
2018/07/26 Javascript
Vue.js路由实现选项卡简单实例
2019/07/24 Javascript
[01:41]DOTA2 2015国际邀请赛中国区预选赛第三日战报
2015/05/28 DOTA
Python中SOAP项目的介绍及其在web开发中的应用
2015/04/14 Python
Python reduce()函数的用法小结
2017/11/15 Python
python+pandas+时间、日期以及时间序列处理方法
2018/07/10 Python
Pycharm更换python解释器的方法
2018/10/29 Python
详解Python在使用JSON时需要注意的编码问题
2019/12/06 Python
python2和python3哪个使用率高
2020/06/23 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
python 对xml解析的示例
2021/02/27 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
Volcom英国官方商店:美国殿堂级滑板、冲浪、滑雪服装品牌
2019/03/13 全球购物
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
澳洲Chemist Direct药房中文网:澳洲大型线上直邮药房
2019/11/04 全球购物
机械专业应届生求职信
2013/09/21 职场文书
物业管理大学生个人的自我评价
2013/10/10 职场文书
低碳生活倡议书
2014/04/14 职场文书
给市场的环保建议书
2014/05/14 职场文书
营销计划书范文
2015/01/17 职场文书
初中数学教学随笔
2015/08/15 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
搭建Yolov5服务器
2022/04/30 Servers