zoukankan      html  css  js  c++  java
  • 封装getByClass

    封装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';    
                                            }    
                                        }

    人生如戏,或实力或演技
  • 相关阅读:
    我工作三年了,该懂并发了!
    代理,一文入魂
    非典型算法题,用程序和电脑玩一个游戏
    详解command设计模式,解耦操作和回滚
    matplotlib画图教程,设置坐标轴标签和间距
    详解工程师不可不会的LRU缓存淘汰算法
    详解深度学习感知机原理
    详解gitignore的使用方法,让你尽情使用git add .
    算法题 | 你追我,如果你追到我……那就算你赢了
    险些翻车,差一点没做出来的基础算法题
  • 原文地址:https://www.cnblogs.com/yang0902/p/5698020.html
Copyright © 2011-2022 走看看