码迷,mamicode.com
首页 > Web开发 > 详细

原生js :removeClass和addClass

时间:2017-10-06 15:28:00      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:classname   else   turn   test   color   length   return   closed   +=   

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

标签:classname   else   turn   test   color   length   return   closed   +=   

原文地址:http://www.cnblogs.com/liujianshe1990-/p/7631575.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!