document.getElementByClassName的ｃｌａｓｓ封装问题

封装自己class类  使得浏览器识别className获取元素的方法

  原理： （核心）

   我们要取出所有的盒子， 利用遍历的方法 ， 通过每一个盒子的className 来判断。  如果相等就留下。

<script>
    window.onload = function(){
       //封装自己class类名
        function getClass(classname){
            //如果浏览器支持，则直接返回
            if(document.getElementsByClassName)
            {
                return document.getElementsByClassName(classname);
            }
            // 不支持的 浏览器
            var arr = []; // 用于存放满足的数组
            var dom = document.getElementsByTagName("*");
            //alert(dom.length);
            for(var i=0;i<dom.length;i++)
            {
                if(dom[i].className == classname)
                {
                    arr.push(dom[i]);
                }
            }
            return arr;
        }
        console.log(getClass("demo").length);
    }
</script>

 

  结束，分割版本