原生js :removeClass和addClass

Posted 左转右转

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生js :removeClass和addClass相关的知识,希望对你有一定的参考价值。

技术分享
 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 }
removeClass
技术分享
 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 }
addClass
技术分享
 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 }
removeClass

 

以上是关于原生js :removeClass和addClass的主要内容,如果未能解决你的问题,请参考以下文章

原生js :removeClass和addClass

原生JS实现addClass,removeClass,toggleClass

原生JS实现addClass,removeClass,toggleClass

原生JS实现hasClass,addClass,removeClass

原生js实现增加(addclass),删除(removeclass),判断是否存在(hasclass),如果存在删除,如果不存在添加(toggleclass)和获取类名(getbyclass)的方法(

原生JS实现的DOM操作笔记(草稿整理)