js实现addClass,removeClass
来源:互联网 发布:逆袭网络剧全集无删减 编辑:程序博客网 时间:2024/06/07 12:10
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var oDiv = document.getElementById("box"); addClass(oDiv, "box1"); removeClass(oDiv, "box1"); function addClass(obj, className){ if(obj.className == ''){ //判断元素是否存在className obj.className = className; //如果元素不存在className 直接赋值添加即可 } else{ /*如果元素存在className 则有两种情况: 1:存在想要添加的className 2:不存在想要添加的className */ var arrClass = obj.className.split(' '); //将所有className 放在数组中 if(isElement(arrClass, className) == -1){ //如果不存在想要添加的className 直接累加; obj.className += " " + className; } //如果存在就什么都不用做 } } function removeClass(obj, className){ if(obj.className != ''){ //判断className是否存在; var arrClass = obj.className.split(' '); //如果存在,同样存入数组 var _index = isElement(arrClass, className); //判断你要删除的className是否存在,并取到返回值 //alert(_index+arrClass) if( _index != -1){ arrClass.splice(_index,1); //从数组中去掉重复的className obj.className = arrClass.join(' '); //把剩下的className 重新赋值 } } } function isElement(arr, v){ for(var i = 0; i < arr.length; i++){ if(arr[i] == v) return i; } return -1; } } </script></head><body> <div class="box box1" id="box">div</div></body></html>
0 0
- js实现addClass,removeClass
- JS原生addClass、removeClass实现
- 原生JS实现addClass,removeClass,toggleClass
- js实现css、addClass、removeClass和toggleClass
- js实现css、addClass、removeClass和toggleClass
- 原生JS实现addClass,removeClass,toggleClass
- 原生js实现addClass、removeClass、toggleClass
- 原生js 实现addclass和removeclass
- 原生JS实现addClass,removeClass,toggleClass
- 原生js实现addClass,removeClass,hasClass方法
- 用原生js实现addClass,removeClass,hasClass方法
- JS实现jQuery的addClass, removeClass, hasClass函数功能
- 仿jQuery原生js实现----hasClass,removeClass,addClass
- 原生JS addClass removeClass hasClass
- js封装addClass,removeClass函数
- js原生扩展addClass,removeClass,hasClass
- 原生js封装addClass removeClass hasClass
- removeClass和addClass实现选择效果
- 产品文案要直白浅显
- centos6.0 配置无密码sudo权限
- C++之纯虚函数
- Memcache技术分享:介绍、使用、存储、算法、优化、命中率
- 屏幕适配
- js实现addClass,removeClass
- 2015071603 - 中国互动和京东
- IO
- 定时/计数器的初始化与计数初值的计算
- leetcode 43: Multiply Strings
- js中动态加载js并且判断加载完成执行回调函数
- 利用IE的追踪保护加载项,给IE增加去广告功能
- 每天一个Linux命令-4(cat)
- frame与iframe对比