首页 > 其他 > 详细

封装getByClass

时间:2016-07-23 12:02:31      阅读:141      评论:0      收藏:0      [点我收藏+]

封装getByClass
                                    function findInArr(n,arr){
                                                for(var i = 0 ;i < arr.length; i++){
                                                    if(n == arr[i]){
                                                        return true;    
                                                    }    
                                                }
                                                return false;
                                            }
                                                     //oParent:父级  sClass:我们要查找的className
                                    function getByClass(oParent,sClass){
                                                   //如果浏览器支持JS自带的获取class的方法就是用JS自带的获取方法;
                                        if(oParent.getElementsByClassName){
                                            return oParent.getElementsByClassName(sClass);
                                        }else{             //如果浏览器不支持JS自带的获取class的方法,也就是ie8-
                                                              //通过oPraent获取所有的元素;
                                            var aEle = oParent.getElementsByTagName(‘*‘);
                                            var arr = [];
                                                  //循环把每个元素身上的class切割一下,切割完成返回一个数组
                                            for(var i = 0; i < aEle.length; i++){
                                                var tmp = aEle[i].className.split(‘ ‘);    
                                                   //判断切割完成后的数组里面是否包含我们需要找的className;
                                                if(findInArr(sClass,tmp)){
                                                     //如果包含的话就添加到arr里面;
                                                    arr.push(aEle[i]);
                                                }
                                            }
                                            return arr;//并且返回arr;
                                        }    
                                    }
                                    window.onload = function(){
                                        var aBlue = getByClass(document,‘blue‘);
                                        for(var i = 0; i < aBlue.length; i++){
                                            aBlue[i].style.background = ‘red‘;    
                                        }    
                                    }

封装getByClass

原文:http://www.cnblogs.com/yang0902/p/5698020.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!