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

原生js 用正则实现removeclass hasclass getsclass addclass .

时间:2016-08-18 23:21:00      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:

 1 function getByClass(oParent,sClass){
 2     if(oParent.getElementsByClassName){
 3         return oParent.getElementsByClassName(sClass);
 4     }else{
 5         var arr=[];
 6         var aEle=oParent.getElementsByTagName(*);
 7         var re=new RegExp(\\b+sClass+\\b);
 8 
 9         for(var i=0;i<aEle.length;i++){
10             if(re.test(aEle[i].className)){
11                 arr.push(aEle[i]);
12             }
13         }
14         return arr;
15     }
16 }
17 
18 
19 function hasClass(obj,sClass){
20     var re=new RegExp(\\b+sClass+\\b);
21     return re.test(obj.className);
22 }
23 
24 
25 function addClass(obj,sClass){
26     // <div class=‘ac now active‘></div>
27     //本身没有class
28     if(obj.className){
29         //判断添加的class有没有啊
30         if(!hasClass(obj,sClass)){
31             obj.className+= +sClass;
32         }
33     }else{
34         obj.className=sClass;
35     }
36 }
37 
38 
39 function removeClass(obj,sClass){
40     var re=new RegExp(\\b+sClass+\\b);
41     if(hasClass(obj,sClass)){
42         obj.className=obj.className.replace(re,‘‘).replace(/^\s+|\s+$/g,‘‘).replace(/\s+/g, );
43     }
44 }

 

原生js 用正则实现removeclass hasclass getsclass addclass .

标签:

原文地址:http://www.cnblogs.com/lixuekui/p/5785633.html

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