原生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 相关文章推荐
解析瀑布流布局:JS+绝对定位的实现
May 08 Javascript
网站如何做到完全不需要jQuery也可以满足简单需求
Jun 27 Javascript
jQuery源码分析之jQuery中的循环技巧详解
Sep 06 Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 Javascript
JS基于VML技术实现的五角星礼花效果代码
Oct 26 Javascript
深入剖析JavaScript中的函数currying柯里化
Apr 29 Javascript
javascript动画之模拟拖拽效果篇
Sep 26 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
Jquery 整理元素选取、常用方法一览表
Nov 26 Javascript
JS实现滑动门效果的方法详解
Dec 19 Javascript
antd Upload 文件上传的示例代码
Dec 14 Javascript
bootstrap table插件动态加载表头
Jul 19 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
php7性能提升的原因详解
2019/10/13 PHP
xss文件页面内容读取(解决)
2010/11/28 Javascript
autoPlay 基于jquery的图片自动播放效果
2011/12/07 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
2013/12/16 Javascript
js加减乘除丢失精度问题解决方法
2014/05/16 Javascript
简介JavaScript中的sub()方法的使用
2015/06/08 Javascript
jquery彩色投票进度条简单实例演示
2020/07/23 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
学习JavaScript设计模式之状态模式
2016/01/08 Javascript
js改变html的原有内容实现方法
2016/10/05 Javascript
vue.js实现点击后动态添加class及删除同级class的实现代码
2018/04/04 Javascript
vue 设置路由的登录权限的方法
2018/07/03 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
vuejs点击class变化的实例
2018/09/05 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
2018/12/18 Javascript
记录一次完整的react hooks实践
2019/03/11 Javascript
vuex state中的数组变化监听实例
2019/11/06 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
2020/06/11 Javascript
[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访
2014/06/30 DOTA
跟老齐学Python之通过Python连接数据库
2014/10/28 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
Python实现的绘制三维双螺旋线图形功能示例
2018/06/23 Python
python查看模块,对象的函数方法
2018/10/16 Python
python面向对象 反射原理解析
2019/08/12 Python
Django之模板层的实现代码
2019/09/09 Python
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
Harrods英国:世界领先的奢侈品百货商店
2020/09/23 全球购物
七年级音乐教学反思
2014/01/26 职场文书
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
2014教师个人自我评价范文
2014/09/13 职场文书
2014物价局民主生活会对照检查材料思想汇报
2014/09/24 职场文书
农业项目合作意向书
2015/05/08 职场文书
婚礼长辈答谢词
2015/09/29 职场文书
2016入党心得体会范文
2016/01/06 职场文书
少儿励志名言(80句)
2019/08/14 职场文书
JavaScript继承的三种方法实例
2021/05/12 Javascript