原生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 相关文章推荐
一些常用的JS功能函数(2009-06-04更新)
Jun 04 Javascript
关于jQuery $.isNumeric vs. $.isNaN vs. isNaN
Apr 15 Javascript
jquery中的事件处理详细介绍
Jun 24 Javascript
js 本地预览的简单实现方法
Feb 18 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
javascript等号运算符使用详解
Apr 16 Javascript
jQuery带时间的日期控件代码分享
Aug 26 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
Oct 27 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
Dec 03 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
Jan 29 Vue.js
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
php 攻击方法之谈php+mysql注射语句构造
2009/10/30 PHP
基于PHP制作验证码
2016/10/12 PHP
漂亮的仿flash菜单,来自蓝色经典
2006/06/26 Javascript
Save a File Using a File Save Dialog Box
2007/06/18 Javascript
ext jquery 简单比较
2010/04/07 Javascript
基于jQuery的仿flash的广告轮播
2010/11/05 Javascript
js innerHTML 改变div内容的方法
2013/08/03 Javascript
JS小功能(button选择颜色)简单实例
2013/11/29 Javascript
使用CSS3的scale实现网页整体缩放
2014/03/18 Javascript
js实现鼠标点击左上角滑动菜单效果代码
2015/09/06 Javascript
JavaScript实现点击按钮就复制当前网址
2015/12/14 Javascript
EasyUI布局 高度自适应
2016/06/04 Javascript
Javascript实现购物车功能的详细代码
2018/05/08 Javascript
IE9 elementUI文件上传的问题解决
2018/10/17 Javascript
vue h5移动端禁止缩放代码
2019/10/28 Javascript
构建Vue大型应用的10个最佳实践(小结)
2019/11/07 Javascript
基于JavaScript伪随机正态分布代码实例
2019/11/07 Javascript
js对象简介与基本用法示例
2020/03/13 Javascript
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
pandas DataFrame 警告(SettingWithCopyWarning)的解决
2019/07/23 Python
pandas DataFrame的修改方法(值、列、索引)
2019/08/02 Python
python面向对象 反射原理解析
2019/08/12 Python
Django模板导入母版继承和自定义返回Html片段过程解析
2019/09/18 Python
GE设备配件:GE Appliance Parts(家电零件、配件和滤水器)
2018/11/28 全球购物
为什么说Ruby是一种真正的面向对象程序设计语言
2012/10/30 面试题
行政部总经理岗位职责
2014/01/04 职场文书
后进生转化工作制度
2014/01/17 职场文书
乌鸦喝水教学反思
2014/02/07 职场文书
学习十八届四中全会精神思想汇报
2014/10/23 职场文书
我的长征观后感
2015/06/09 职场文书
恋恋笔记本观后感
2015/06/16 职场文书
小学生法制教育心得体会
2016/01/14 职场文书
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS
试了下Golang实现try catch的方法
2021/07/01 Golang
带你了解Java中的ForkJoin
2022/04/28 Java/Android
nginx 添加http_stub_status_module模块
2022/05/25 Servers