js获取类的封装

choucheng5578

于 2017-06-13 11:15:00 发布

阅读量85

点赞数

原文链接：https://my.oschina.net/u/3526042/blog/920007

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script type="text/javascript">
window.onload = function(){
   //目的是兼容所有的浏览器，获取类时getElementsByClassName不兼容ie6 7 8
       function getClass(classname){
           if(document.getElementsByClassName){
               return document.getElementsByClassName(classname);
           }
           var a = [];
           var dom = document.getElementsByTagName("*");
           for(var i = 0;i < dom.length; i++){
               if (dom[i].className == classname) {
                   arr.push(dom[i]);
               }
           }
           return arr;
       }
       var demo = getClass("demo");
       for(var i = 0; i < demo.length; i++){
           demo[i].style.color = "red";
       }
   }
</script>
</head>
<body>
   <div class="demo">1</div>
       <div>2</div>
   <div class="demo">3</div>
       <div>4</div>
   <div class="demo">5</div>
</body>
</html>