原生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 EasyUI API 中文文档 - Parser 解析器
Sep 29 Javascript
js 处理数组重复元素示例代码
Dec 27 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
Oct 17 Javascript
vue分页组件table-pagebar使用实例解析
Nov 15 Javascript
web 前端常用组件之Layer弹出层组件
Sep 22 Javascript
vue2.0与bootstrap3实现列表分页效果
Nov 28 Javascript
Vue render深入开发讲解
Apr 13 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
Nov 26 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 Javascript
HTML+JS实现在线朗读器
Feb 15 Javascript
Javascript中async与await的捕捉错误详解
Mar 03 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
ThinkPHP控制器间实现相互调用的方法
2014/10/31 PHP
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
PHP输入输出流学习笔记
2015/05/12 PHP
php编译安装php-amq扩展简明教程
2016/06/25 PHP
PHP实现的堆排序算法详解
2017/08/17 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
jquery ui dialog里调用datepicker的问题
2009/08/06 Javascript
Javascript跨域请求的4种解决方式
2013/03/17 Javascript
js传中文参数controller里获取参数乱码问题解决方法
2014/01/03 Javascript
浅析javascript中函数声明和函数表达式的区别
2015/02/15 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
JavaScript日期工具类DateUtils定义与用法示例
2018/09/03 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
2018/11/05 Javascript
jquery实现有过渡效果的tab切换
2020/07/17 jQuery
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
在Python中使用sort()方法进行排序的简单教程
2015/05/21 Python
Python 提取dict转换为xml/json/table并输出的实现代码
2016/08/28 Python
Python抓取手机号归属地信息示例代码
2016/11/28 Python
Django在win10下的安装并创建工程
2017/11/20 Python
Python 实现使用dict 创建二维数据、DataFrame
2018/04/13 Python
Python动态导入模块的方法实例分析
2018/06/28 Python
Python http接口自动化测试框架实现方法示例
2018/12/06 Python
python中partial()基础用法说明
2018/12/30 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
使用PyTorch实现MNIST手写体识别代码
2020/01/18 Python
Python pip 常用命令汇总
2020/10/19 Python
matplotlib更改窗口图标的方法示例
2021/02/03 Python
python 递归相关知识总结
2021/03/03 Python
一款纯css3实现的tab选项卡的实列教程
2014/12/11 HTML / CSS
2014年教师业务学习材料
2014/05/12 职场文书
2015年度党员自我评价范文
2015/03/03 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
员工试用期工作总结
2019/06/20 职场文书
Java实现经典游戏泡泡堂的示例代码
2022/04/04 Java/Android