原生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 相关文章推荐
Array对象方法参考
Oct 03 Javascript
网易JS面试题与Javascript词法作用域说明
Nov 09 Javascript
键盘KeyCode值列表汇总
Nov 26 Javascript
鼠标滑过出现预览的大图提示效果
Feb 26 Javascript
jQuery模拟新浪微博首页滚动效果的方法
Mar 11 Javascript
javascript结合CSS实现苹果开关按钮特效
Apr 07 Javascript
在JavaScript中使用NaN值的方法
Jun 05 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
jQuery Ajax 加载数据时异步显示加载动画
Aug 01 Javascript
JavaScript数据结构之二叉树的遍历算法示例
Apr 13 Javascript
详解Vue.directive 自定义指令
Mar 27 Javascript
JS中如何优雅的使用async await详解
Oct 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
php中memcache 基本操作实例
2015/05/17 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
PHP实现二维数组(或多维数组)转换成一维数组的常见方法总结
2019/12/04 PHP
Laravel框架源码解析之模型Model原理与用法解析
2020/05/14 PHP
Thinkphp5框架异常处理操作实例分析
2020/06/03 PHP
JavaScript 不只是脚本
2007/05/30 Javascript
javascript 模式设计之工厂模式学习心得
2010/04/27 Javascript
javascript函数以及基础写法100多条实用整理
2013/01/13 Javascript
在图片上显示左右箭头类似翻页的代码
2013/03/04 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
JS实现简洁、全兼容的拖动层实例
2015/05/13 Javascript
JS+CSS实现带小三角指引的滑动门效果
2015/09/22 Javascript
Bootstrap菜单按钮及导航实例解析
2016/09/09 Javascript
NodeJS学习笔记之Module的简介
2017/03/24 NodeJs
详解Vuejs2.0之异步跨域请求
2017/04/20 Javascript
JS非空验证及邮箱验证的实例
2017/08/11 Javascript
Angular中点击li标签实现更改颜色的核心代码
2017/12/08 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
ES6使用export和import实现模块化的方法
2018/09/10 Javascript
小程序server请求微信服务器超时的解决方法
2019/05/21 Javascript
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python 基础教程之Map使用方法
2017/01/17 Python
详解Python 2.6 升级至 Python 2.7 的实践心得
2017/04/27 Python
Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)
2018/03/19 Python
python 读取DICOM头文件的实例
2018/05/07 Python
python 字符串只保留汉字的方法
2018/11/16 Python
Python查找数组中数值和下标相等的元素示例【二分查找】
2019/02/13 Python
python文件选择对话框的操作方法
2019/06/27 Python
北欧最好的童装网上商店:Babyshop
2019/09/15 全球购物
电气工程及自动化专业自荐书范文
2013/12/18 职场文书
小学五年级学生评语
2014/04/22 职场文书
爱心活动计划书
2014/04/26 职场文书
大学生党员自我评价
2015/03/04 职场文书
2015年教研工作总结
2015/05/23 职场文书
2015年测量员工作总结
2015/05/23 职场文书
导游词之台湾阿里山
2019/10/23 职场文书