原生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 相关文章推荐
HTML中的setCapture和releaseCapture使用介绍
Mar 21 Javascript
jQuery选择器全面总结
Jan 06 Javascript
jquery果冻抖动效果实现方法
Jan 15 Javascript
原生js和jQuery写的网页选项卡特效对比
Apr 27 Javascript
javascript常用的方法整理
Aug 20 Javascript
Uploadify上传文件方法
Mar 16 Javascript
浅谈javascript中new操作符的原理
Jun 07 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
vue 将页面公用的头部组件化的方法
Dec 18 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
Jun 10 Javascript
在JavaScript中如何使用宏详解
May 06 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将数据库中所有内容生成静态html文档的代码
2010/04/12 PHP
使用gd库实现php服务端图片裁剪和生成缩略图功能分享
2013/12/25 PHP
Smarty模板学习笔记之Smarty简介
2014/05/20 PHP
php与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
php实现可用于mysql,mssql,pg数据库操作类
2014/12/13 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
yii2中使用Active Record模式的方法
2016/01/09 PHP
PHP实现的简单AES加密解密算法实例
2017/05/29 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
怎么清空javascript数组
2013/05/11 Javascript
两个数组去重的JS代码
2013/12/04 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
2013/12/05 Javascript
jQuery元素选择器用法实例
2014/12/23 Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
2016/06/21 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
jquery获取input type=text中的值的各种方式(总结)
2016/12/02 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
手把手教您实现react异步加载高阶组件
2020/04/07 Javascript
[26:52]LGD vs EG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python类属性与实例属性用法分析
2015/05/09 Python
Python排序算法之选择排序定义与用法示例
2018/04/29 Python
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
Python实现的微信好友数据分析功能示例
2018/06/21 Python
python使用pip安装SciPy、SymPy、matplotlib教程
2019/11/20 Python
Python文件操作基础流程解析
2020/03/19 Python
django rest framework使用django-filter用法
2020/07/15 Python
重构Python代码的六个实例
2020/11/25 Python
香港中原电器网上商店:Chung Yuen
2019/06/26 全球购物
JAVA的事件委托机制和垃圾回收机制
2014/09/07 面试题
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
教师岗位职责
2015/02/03 职场文书
5.12护士节活动总结
2015/02/10 职场文书
国情备忘录观后感
2015/06/04 职场文书
《分数的意义》教学反思
2016/02/20 职场文书
python运算符之与用户交互
2022/04/13 Python