原生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 相关文章推荐
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
Jan 10 Javascript
js二维数组排序的简单示例代码
Jan 24 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
Aug 12 Javascript
javascript实现继承的简单实例
Jul 26 Javascript
JavaScript数据结构与算法之集合(Set)
Jan 29 Javascript
浅谈angularjs依赖服务注入写法的注意点
Apr 24 Javascript
js移动端图片压缩上传功能
Aug 18 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
使用Nuxt.js改造已有项目的方法
Aug 07 Javascript
async/await优雅的错误处理方法总结
Jan 30 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
Jul 19 Javascript
vue-cli4.5.x快速搭建项目
May 30 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实现图的邻接矩阵表示及几种简单遍历算法分析
2017/11/24 PHP
Laravel如何自定义command命令浅析
2019/03/23 PHP
laravel 修改记住我功能的cookie保存时间的方法
2019/10/14 PHP
让getElementsByName适应IE和firefox的方法
2007/09/24 Javascript
关于Aptana Studio生成自动备份文件的解决办法
2009/12/23 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
jquery each的几种常用的使用方法示例
2014/01/21 Javascript
JavaScript学习笔记之Cookie对象
2015/01/22 Javascript
jquery+CSS实现的多级竖向展开树形TRee菜单效果
2015/08/24 Javascript
Bootstrap每天必学之前端开发框架
2015/11/19 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
简单的分页代码js实现
2016/05/17 Javascript
webpack+vue.js快速入门教程
2016/10/12 Javascript
解析利用javascript如何判断一个数为素数
2016/12/08 Javascript
vue路由懒加载的实现方法
2018/03/12 Javascript
es6中Promise 对象基本功能与用法实例分析
2020/02/23 Javascript
JavaScript canvas基于数组生成柱状图代码实例
2020/03/06 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
[01:59]DOTA2首部纪录片《Free to play》预告片
2014/03/12 DOTA
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
Python中使用strip()方法删除字符串中空格的教程
2015/05/20 Python
python基于右递归解决八皇后问题的方法
2015/05/25 Python
python数组过滤实现方法
2015/07/27 Python
解决python大批量读写.doc文件的问题
2018/05/08 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
python进程和线程用法知识点总结
2019/05/28 Python
python实现合并多个list及合并多个django QuerySet的方法示例
2019/06/11 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
python中判断文件结束符的具体方法
2020/08/04 Python
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
办公室文员工作自我评价
2013/12/01 职场文书
单位介绍信范文
2014/01/18 职场文书
优秀共产党员先进事迹
2014/01/27 职场文书
2014年语文教研组工作总结
2014/12/06 职场文书
心理学培训心得体会
2016/01/22 职场文书