原生js :removeClass和addClass
Posted 左转右转
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生js :removeClass和addClass相关的知识,希望对你有一定的参考价值。
![技术分享](/img/jia.gif)
1 function removeClass(obj, aClass) { 2 var re = new RegExp(‘\\b‘ + aClass + ‘\\b‘); 3 if (obj.className != ‘‘) { 4 5 if (re.test(obj.className)) { 6 var arr = obj.className.split(‘ ‘); 7 for (var i = 0; i < arr.length; i++) { 8 if (arr[0] == aClass && arr[arr.length - 1] == aClass) { 9 obj.className = ‘‘; 10 } else if (arr[i] == aClass) { 11 arr.splice(i, 1); 12 obj.className = arr.join(‘ ‘); 13 14 } 15 } 16 } else { 17 return; 18 } 19 } 20 removeClass(obj, aClass); 21 }
![技术分享](/img/jia.gif)
1 addClass = function (obj, aClass) { 2 var re = new RegExp(‘\\b‘ + aClass + ‘\\b‘); 3 4 if (obj.className) { 5 if (!re.test(obj.className)) { 6 obj.className += ‘ ‘ + aClass; 7 } 8 } else { 9 obj.className = aClass; 10 } 11 return this; 12 }
![技术分享](/img/jia.gif)
1 function removeClass(obj, aClass) { 2 var re = new RegExp(‘\\b‘ + aClass + ‘\\b‘); 3 if (obj.className != ‘‘) { 4 if (re.test(obj.className)) { 5 var arr = obj.className.split(‘ ‘); 6 for (var i = 0; i < arr.length; i++) { 7 if (arr[0] == aClass && arr[arr.length - 1] == aClass) { 8 obj.className = ‘‘; 9 } else if (arr[i] == aClass) { 10 arr.splice(i, 1); 11 obj.className = arr.join(‘ ‘); 12 } 13 } 14 } 15 } 16 }
以上是关于原生js :removeClass和addClass的主要内容,如果未能解决你的问题,请参考以下文章
原生JS实现addClass,removeClass,toggleClass
原生JS实现addClass,removeClass,toggleClass
原生JS实现hasClass,addClass,removeClass
原生js实现增加(addclass),删除(removeclass),判断是否存在(hasclass),如果存在删除,如果不存在添加(toggleclass)和获取类名(getbyclass)的方法(