原生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 相关文章推荐
Javascript动画的实现原理浅析
Mar 02 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
Sep 25 Javascript
jQuery使用deferreds串行多个ajax请求
Aug 22 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 Javascript
JS实现简单抖动效果
Jun 01 Javascript
详解用函数式编程对JavaScript进行断舍离
Sep 18 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
Nov 13 Javascript
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
layui 上传图片 返回图片地址的方法
Sep 26 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
Nov 26 Javascript
Vue数字输入框组件使用方法详解
Feb 10 Javascript
JS实现时间校验的代码
May 25 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
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
php+mysql事务rollback&commit示例
2010/02/08 PHP
php中explode与split的区别介绍
2012/10/03 PHP
php实现zip压缩文件解压缩代码分享(简单易懂)
2014/05/10 PHP
PHP模板引擎smarty详细介绍
2015/05/26 PHP
PHP单例模式详细介绍
2015/07/01 PHP
PHP查询分页的实现代码
2017/06/09 PHP
jQuery Ajax之load()方法
2009/10/12 Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
2012/06/15 Javascript
浅析js中2个等号与3个等号的区别
2013/08/06 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
2014/09/29 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
2014/12/29 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
2015/07/17 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
2017/03/08 Javascript
Vue 单文件中的数据传递示例
2017/03/21 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
浅谈Vue数据绑定的原理
2018/01/08 Javascript
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
在vue项目中引用Iview的方法
2018/09/14 Javascript
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
浅谈JS中几种轻松处理'this'指向方式
2019/09/16 Javascript
vue点击按钮动态创建与删除组件功能
2019/12/29 Javascript
python使用TensorFlow进行图像处理的方法
2018/02/28 Python
对pandas中apply函数的用法详解
2018/04/10 Python
python3 打开外部程序及关闭的示例
2018/11/06 Python
Django框架模板的使用方法示例
2019/05/25 Python
英语生日邀请函
2014/01/23 职场文书
经典婚礼主持开场白
2014/03/13 职场文书
学校总务处领导班子民主生活会对照检查材料思想汇报
2014/09/27 职场文书
2014年艾滋病防治工作总结
2014/12/10 职场文书
2015年行政人事部工作总结
2015/05/13 职场文书
运动员入场前导词
2015/07/20 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
《唯一的听众》教学反思
2016/02/18 职场文书
redis使用不当导致应用卡死bug的过程解析
2021/07/01 Redis