原生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 新手24条实用建议[TUTS+]
Jun 21 Javascript
extjs 初始化checkboxgroup值的代码
Sep 21 Javascript
网页前端优化之滚动延时加载图片示例
Jul 13 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
Oct 27 Javascript
微信小程序 出现错误:{"baseresponse":{"errcode":-80002,"errmsg":""}}解决办法
Feb 23 Javascript
JS简单实现自定义右键菜单实例
May 31 Javascript
JavaScript中常见的八个陷阱总结
Jun 28 Javascript
基于LayUI实现前端分页功能的方法
Jul 22 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
Jan 18 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
May 23 Javascript
使用JS前端技术实现静态图片局部流动效果
Aug 05 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
一个oracle+PHP的查询的例子
2006/10/09 PHP
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
jquery引用方法时传递参数原理分析
2014/10/13 Javascript
使用JS画图之点、线、面
2015/01/12 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
2015/08/07 Javascript
jQuery实现带玻璃流光质感的手风琴特效
2015/11/20 Javascript
javascript中错误使用var造成undefined
2016/03/31 Javascript
第七章之菜单按钮图标组件
2016/04/25 Javascript
巧用jQuery选择器提高写表单效率的方法
2016/08/19 Javascript
angularjs实现文字上下无缝滚动特效代码
2016/09/04 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
2016/12/08 Javascript
Angular使用Md5加密的解决方法
2017/09/16 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
2017/10/20 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
vue+element创建动态的form表单及动态生成表格的行和列
2019/05/20 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
2020/08/07 Javascript
Python 自动补全(vim)
2014/11/30 Python
浅析AST抽象语法树及Python代码实现
2016/06/06 Python
django drf框架中的user验证以及JWT拓展的介绍
2019/08/12 Python
Python特殊属性property原理及使用方法解析
2020/10/09 Python
纯CSS3打造属于自己的“小黄人”
2016/03/14 HTML / CSS
英国最专业的健身器材供应商之一:Best Gym Equipment
2017/12/22 全球购物
eDreams德国:南欧领先的在线旅游公司
2020/12/07 全球购物
给国外客户的邀请函
2014/01/30 职场文书
大学生村官承诺书
2014/03/28 职场文书
投标担保书范文
2014/04/02 职场文书
音乐教师求职信
2014/06/28 职场文书
2014年社区居委会主任重阳节讲话稿
2014/09/25 职场文书
大学迎新生标语
2014/10/06 职场文书
初中作文评语
2014/12/25 职场文书
书法社团活动总结
2015/05/07 职场文书
粗暴解决CUDA out of memory的问题
2021/05/22 Python
Java基础之this关键字的使用
2021/06/30 Java/Android
oracle索引总结
2021/09/25 Oracle