原生JavaScript操作CSS类名——hasClass,addClass,removeClass
来源:互联网 发布:上海网络整合营销公司 编辑:程序博客网 时间:2024/05/18 08:21
原生JavaScript操作CSS类名className——hasClass,addClass,removeClass
验证当前元素是否包含className这个类名
function hasClass(curEle, className) { var reg = new RegExp("(^| +)" + className + "( +|$)"); return reg.test(curEle.className);}
给元素添加样式类名
function addClass(curEle, className) { var arr = className.replace(/(^ +| +$)/g, "").split(/ +/g); // 先去首尾空格,为了防止className为多个类名 "box1 box2" for (var i = 0,len=className.length; i < len; i++) { var curName = arr[i]; if (!hasClass(curEle, className)) { curEle.className += " " + curName; } }}
移除类名
function removeClass(curEle, className) { var arr = className.replace(/(^ +| +$)/g, "").split(/ +/g); for (var i = 0, len = className.length; i < len; i++) { var curName = arr[i]; if (hasClass(curEle, curName)) { var reg = new RegExp("(^| +)" + curName + "( +|$)", "g"); curEle.className = curEle.className.replace(reg, " "); } }}
阅读全文
0 0
- 原生JavaScript操作CSS类名——hasClass,addClass,removeClass
- 原生JS addClass removeClass hasClass
- jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- js原生扩展addClass,removeClass,hasClass
- 原生js封装addClass removeClass hasClass
- 原生js实现addClass,removeClass,hasClass方法
- 原生JavaScript addClass() removeClass()
- 关于JavaScript的addClass,removeClass,hasClass方法
- jquery hasClass/addClass/removeClass
- 用原生js实现addClass,removeClass,hasClass方法
- 仿jQuery原生js实现----hasClass,removeClass,addClass
- jquery hasClass、removeClass、addClass方法
- 原生javascript实现addClass和removeClass
- 原生js实现增加(addclass),删除(removeclass),判断是否存在(hasclass),如果存在删除,如果不存在添加(toggleclass)和获取类名(getbyclass)的方法
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- jQuery源码分析13: .addClass, .removeClass, .hasClass
- 正态分布/卡方分布/F分布/T分布
- TCP窗口协议
- 关于人脸识别或者表情识别的一些基本概念
- MySql从一窍不通到入门(十)MySQL数据库的高可用方案
- 海量数据处理——位图法bitmap
- 原生JavaScript操作CSS类名——hasClass,addClass,removeClass
- PHP使用strtok()函数
- 半夜写代码之:APP 的 Form 的释放
- Going Home HDU
- python3第三方使用smtp发送邮件附带xlsx文件【已解决中文名报错】
- RTC 2017实时互联网大会会议总结、数据收集
- Android开发之自定义的ListView
- 初识Spring框架,IoC容器基本原理及定义
- ExecutorService中submit和execute的区别