原生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 hasOwnProperty 方法 & in 关键字
Nov 26 Javascript
IE与Firefox在JavaScript上的7个不同写法小结
Sep 14 Javascript
jQuery 添加/移除CSS类实现代码
Feb 11 Javascript
jquery怎样实现ajax联动框(二)
Mar 08 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
Aug 23 Javascript
JavaScript基于setTimeout实现计数的方法
May 08 Javascript
js中遍历Map对象的简单实例
Aug 08 Javascript
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
实例详解BootStrap的动态模态框及静态模态框
Aug 13 Javascript
cocos2dx+lua实现橡皮擦功能
Dec 20 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
May 09 Javascript
JavaScript 原型与原型链详情
Nov 02 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 array_intersect比array_diff快(附详细的使用说明)
2011/07/03 PHP
PHP中全面阻止SQL注入式攻击分析小结
2012/01/30 PHP
laravel 解决多库下的DB::transaction()事务失效问题
2019/10/21 PHP
PHPstorm启用自动换行的方法详解(IDE)
2020/09/17 PHP
JavaScript窗口功能指南之在窗口中书写内容
2006/07/21 Javascript
Javascript 面向对象 继承
2010/05/13 Javascript
jquery选择器(常用选择器说明)
2010/09/28 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
使用DNode实现php和nodejs之间通信的简单实例
2015/07/06 NodeJs
微信小程序 弹幕功能简单实例
2017/02/14 Javascript
Node.js应用设置安全的沙箱环境
2018/04/23 Javascript
QRCode.js二维码生成并能长按识别
2018/10/16 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
2019/05/14 Javascript
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
2019/12/23 Javascript
vue和H5 draggable实现拖拽并替换效果
2020/07/29 Javascript
[06:25]第二届DOTA2亚洲邀请赛主赛事第二天比赛集锦.mp4
2017/04/03 DOTA
[45:25]完美世界DOTA2联赛循环赛 PXG vs IO 第一场 11.06
2020/11/09 DOTA
python插入排序算法的实现代码
2013/11/21 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
TensorFlow tf.nn.softmax_cross_entropy_with_logits的用法
2020/04/19 Python
Appium+Python实现简单的自动化登录测试的实现
2021/01/26 Python
实例讲解使用SVG制作loading加载动画的方法
2016/04/05 HTML / CSS
Right-on官方网站:日本知名的休闲服装品牌
2019/07/12 全球购物
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
护理中职生求职信范文
2014/02/24 职场文书
集体生日活动方案
2014/08/18 职场文书
刑事辩护授权委托书
2014/09/13 职场文书
党的群众路线教育实践活动个人对照检查剖析材料
2014/09/23 职场文书
离婚协议书标准格式
2014/10/04 职场文书
趵突泉导游词
2015/02/03 职场文书
表扬信格式模板
2015/05/05 职场文书
新闻稿标题
2015/07/18 职场文书
MySQL不使用order by实现排名的三种思路总结
2021/06/02 MySQL
Nginx本地配置SSL访问的实例教程
2022/05/30 Servers