原生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实现的UBB编码函数
Mar 09 Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 Javascript
JavaScript四种调用模式和this示例介绍
Jan 02 Javascript
使用angular写一个hello world
Jan 23 Javascript
js实现支持手机滑动切换的轮播图片效果实例
Apr 29 Javascript
javascript常用方法总结
May 14 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
Oct 10 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
Jun 12 Javascript
VUE实现一个分页组件的示例
Sep 13 Javascript
jQuery实现表单动态添加与删除数据操作示例
Jul 03 jQuery
JS实现动态添加外部js、css到head标签的方法
Jun 05 Javascript
React中Ref 的使用方法详解
Apr 28 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
雄兵连:天使彦天使彦为爱折翼,彦和炙心同时念动的誓言!
2020/03/02 国漫
基于mysql的bbs设计(五)
2006/10/09 PHP
PHP学习笔记 用户注册模块用户类以及验证码类
2011/09/20 PHP
PHP 获取文件权限函数介绍
2013/07/11 PHP
php数字每三位加逗号的功能函数
2015/10/22 PHP
php简单统计中文个数的方法
2016/09/30 PHP
laravel项目利用twemproxy部署redis集群的完整步骤
2018/05/11 PHP
PHP Swoole异步Redis客户端实现方法示例
2019/10/24 PHP
圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现
2012/12/27 Javascript
nodejs实现HTTPS发起POST请求
2015/04/23 NodeJs
JQuery实现简单的图片滑动切换特效
2015/11/22 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
2016/01/14 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
2017/01/19 Javascript
JavaScript提高加载和执行效率的方法
2017/02/03 Javascript
js读取json文件片段中的数据实例
2017/03/09 Javascript
基于jQuery实现一个marquee无缝滚动的插件
2017/03/09 Javascript
简单谈谈js的数据类型
2017/09/25 Javascript
JavaScript判断输入是否为数字类型的方法总结
2017/09/28 Javascript
jQuery插件jsonview展示json数据
2018/05/26 jQuery
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
2020/07/28 Javascript
Python实现115网盘自动下载的方法
2014/09/30 Python
Python随机生成一个6位的验证码代码分享
2015/03/24 Python
python实现基本进制转换的方法
2015/07/11 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
Python实现京东秒杀功能代码
2019/05/16 Python
Django使用rest_framework写出API
2020/05/21 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
python在协程中增加任务实例操作
2021/02/28 Python
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
美国时尚孕妇装品牌:A Pea in the Pod
2017/07/16 全球购物
英国快时尚女装购物网站:PrettyLittleThing
2018/08/15 全球购物
触摸春天教学反思
2014/02/03 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
SpringBoot前端后端分离之Nginx服务器下载安装过程
2022/08/14 Servers