原生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 相关文章推荐
SyntaxHighlighter语法高亮插件使用说明
Aug 14 Javascript
如何用ajax来创建一个XMLHttpRequest对象
Dec 10 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
May 14 Javascript
jQuery的文档处理程序详解
May 10 Javascript
HTML中使背景图片自适应浏览器大小实例详解
Apr 06 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
详解在Vue中有条件地使用CSS类
Sep 30 Javascript
js实现上传并压缩图片效果
Jan 10 Javascript
vue移动端路由切换实例分析
May 14 Javascript
微信小程序自定义多选事件的实现代码
May 17 Javascript
elementUI中Table表格问题的解决方法
Dec 04 Javascript
简单了解Ajax表单序列化的实现方法
Jun 14 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+MYSQL的文章管理系统(一)
2006/10/09 PHP
PHP5 安装方法
2007/01/15 PHP
php 分页函数multi() discuz
2009/06/21 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
smarty简单分页的实现方法
2014/10/27 PHP
PHP模块memcached使用指南
2014/12/08 PHP
php格式化金额函数分享
2015/02/02 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
javascript中的location用法简单介绍
2007/03/07 Javascript
JavaScript confirm选择判断
2008/10/18 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
BootStrop前端框架入门教程详解
2016/12/25 Javascript
详解前后端分离之VueJS前端
2017/05/24 Javascript
vue-cli项目中怎么使用mock数据
2017/09/27 Javascript
react实现antd线上主题动态切换功能
2019/08/12 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
python读取浮点数和读取文本文件示例
2014/05/06 Python
python中使用enumerate函数遍历元素实例
2014/06/16 Python
Python获取央视节目单的实现代码
2015/07/25 Python
Python元组及文件核心对象类型详解
2018/02/11 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
在keras里面实现计算f1-score的代码
2020/06/15 Python
python3.4中清屏的处理方法
2020/07/06 Python
澳大利亚婴儿、幼儿和儿童在线设计师商店:Smooch Baby
2019/02/16 全球购物
施华洛世奇西班牙官网:SWAROVSKI西班牙
2019/06/06 全球购物
澳大利亚女装精品店:Alannah Hill
2020/07/29 全球购物
建筑工程实习自我鉴定
2013/09/19 职场文书
会计电算化应届生求职信
2013/11/03 职场文书
网络工程师自荐书范文
2014/04/01 职场文书
常务副总经理岗位职责
2014/04/12 职场文书
珍惜资源保护环境的建议书
2014/05/14 职场文书
500字作文之关于爸爸
2019/11/14 职场文书
Java使用JMeter进行高并发测试
2021/11/23 Java/Android