原生js实现查找/添加/删除/指定元素的class


Posted in Javascript onApril 12, 2013
window.onload = function(){ 
var gaga = document.getElementById( "gaga" ); 
addClass( gaga,"gaga1" ) 
addClass( gaga,"gaxx" ); 
removeClass( gaga,"gaga1" ) 
removeClass( gaga,"gaga" ) 
function hasClass( elements,cName ){ 
return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") ); // ( \\s|^ ) 判断前面是否有空格 (\\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|$)" )," " ); // replace方法是替换 
}; 
}; 
};
Javascript 相关文章推荐
由document.body和document.documentElement想到的
Apr 13 Javascript
IE 条件注释详解总结(附实例代码)
Aug 29 Javascript
经典海量jQuery插件 大家可以收藏一下
Feb 07 Javascript
JavaScript中的console.group()函数详细介绍
Dec 29 Javascript
向JavaScript的数组中添加元素的方法小结
Oct 24 Javascript
jquery实现鼠标悬浮停止轮播特效
Aug 20 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
Dec 06 Javascript
微信小程序 蓝牙的实现实例代码
Jun 27 Javascript
详解基于angular-cli配置代理解决跨域请求问题
Jul 05 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
写一个Vue Popup组件
Feb 25 Javascript
关于element-ui表单中限制输入纯数字的解决方式
Sep 08 Javascript
jQuery contains过滤器实现精确匹配使用方法
Apr 12 #Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 #Javascript
Javascript实现滑块滑动改变值的实现代码
Apr 12 #Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
Apr 12 #Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
Apr 12 #Javascript
深入理解JavaScript 闭包究竟是什么
Apr 12 #Javascript
关于JavaScript中string 的replace
Apr 12 #Javascript
You might like
PHP5中的this,self和parent关键字详解教程
2007/03/19 PHP
php 获取可变函数参数的函数
2009/08/26 PHP
PHP学习笔记之三 数据库基本操作
2011/01/17 PHP
PHP utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码
2013/04/08 PHP
PHPstorm快捷键(分享)
2017/07/17 PHP
PHP面向对象程序设计之对象的遍历操作示例
2019/06/12 PHP
js常用函数 不错
2006/09/08 Javascript
js实现的类似于asp数据字典的数据类型代码实例
2014/09/03 Javascript
javascript创建函数的20种方式汇总
2015/06/23 Javascript
AngularJS使用ng-options指令实现下拉框
2016/08/23 Javascript
微信小程序左滑删除效果的实现代码
2017/02/20 Javascript
jQuery插件zTree实现删除树子节点的方法示例
2017/03/08 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
2017/12/25 jQuery
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
JavaScript常用工具方法封装
2019/02/12 Javascript
解决Vue-cli无法编译es6的问题
2020/10/30 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
2021/02/18 Vue.js
Python 用户登录验证的小例子
2013/03/06 Python
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
Python学习小技巧之列表项的排序
2017/05/20 Python
python使用xslt提取网页数据的方法
2018/02/23 Python
python3爬取数据至mysql的方法
2018/06/26 Python
python使用PIL给图片添加文字生成海报示例
2018/08/17 Python
python内置数据类型之列表操作
2018/11/12 Python
Django中Middleware中的函数详解
2019/07/18 Python
Python爬取视频(其实是一篇福利)过程解析
2019/08/01 Python
Python turtle库的画笔控制说明
2020/06/28 Python
python实现启动一个外部程序,并且不阻塞当前进程
2020/12/05 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类?
2012/05/30 面试题
护士2015年终工作总结
2015/04/29 职场文书
2016大学优秀学生干部事迹材料
2016/03/01 职场文书
SQL Server数据定义——模式与基本表操作
2021/04/05 SQL Server
Java中多线程下载图片并压缩能提高效率吗
2021/07/01 Java/Android
使用Python获取字典键对应值的方法
2022/04/26 Python