封装背景色

最新推荐文章于 2022-08-27 21:55:36 发布

Lvdon9

最新推荐文章于 2022-08-27 21:55:36 发布

阅读量193

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_37995109/article/details/85007347

版权

JavaScript 专栏收录该内容

106 篇文章 0 订阅

订阅专栏

<html>
 <head></head>
 <body> 
  <ul id="ul1"> 
   <li></li> 
   <li></li> 
   <li></li> 
   <li class="box"></li> 
   <li></li> 
   <li class="box"></li>. 
   <li class="box"></li> 
   <li></li> 
   <li></li> 
   <li></li> 
  </ul> 
 </body>
</html>


function getByClass(oParent, sClass) {
    //获取所有标签
    var aEle = oParent.getElementsByTagName('*');
    //存放所有被选中的属性
    var aResult = [];
    //循环所有被选出来的元素
    for (var i = 0; i < aEle.length; i++) {
        //class为传进的sclass
        if (aEle[i].className == sClass) {
            //借点存入aResult
            aResult.push(aEle[i]);
        }
    }
    return aResult;
}
window.onload = function() {
    //获取名字ul1的ID
    var oUl = document.getElementById('ul1');
    //传参
    var aBox = getByClass(oUl, 'box');
    //循环class
    for (var i = 0; i < aBox.length; i++) {

        aBox[i].style.background = 'red';

    }
}