Javascript 使用循环获取每个子级的样式属性

我试图得到每个子元素的背景色

var arr = [];
for(var c = 0; c < 5; c++){
    var temp = div.children[c].style.backgroundColor;
    arr[c] = temp;
}

在应用活动样式表并解析这些值可能包含的任何基本计算之后，该方法给出元素的所有

CSS

属性的值

该属性返回一个CSSStyleDeclaration对象，该对象仅表示

元素的内联样式属性

，忽略任何应用的样式规则

---

HTMLElement.style

仅适用于

内联css

，用于获取与

元素相关联的所有
style
对象

注意：我将使用
Array#push
而不是在指定的
索引处赋值

var arr=[]；
对于（var c=0；c<5；c++）{
var temp=getComputedStyle（div.children[c]）。背景色；
arr.push（温度）；
}

在应用活动样式表并解析这些值可能包含的任何基本计算之后，该方法给出元素的所有
CSS属性的值

该属性返回一个CSSStyleDeclaration对象，该对象仅表示
元素的内联样式属性，忽略任何应用的样式规则


HTMLElement.style
仅适用于
内联css
，用于获取与
元素相关联的所有
style
对象

注意：我将使用
Array#push
而不是在指定的
索引处赋值

var arr=[]；
对于（var c=0；c<5；c++）{
var temp=getComputedStyle（div.children[c]）。背景色；
arr.push（温度）；
}
避免自定义创建数组的替代方法

Array.map.call

var div=document.getElementById（“文本”）；
var arr=Array.prototype.map.call（div.children，function（el）{
返回窗口.getComputedStyle（el）.backgroundColor；
})
控制台日志（arr）

1.
2.
2.
避免自定义创建数组的替代方法

Array.map.call

var div=document.getElementById（“文本”）；
var arr=Array.prototype.map.call（div.children，function（el）{
返回窗口.getComputedStyle（el）.backgroundColor；
})
控制台日志（arr）

1.
2.
2.
首先，使用
arr.push
。其次，如果没有标记，很难进行可视化。您可以创建一个JSFIDLE或一个工作代码段吗？感谢您的快速响应，这是bin，首先使用
arr.push
。其次，如果没有标记，很难进行可视化。您能创建一个JSFIDLE或一个工作代码段吗？感谢您的快速响应，这里是bin@PhoxKiD–我很高兴它能帮上忙！高兴的Coding@PhoxKiD–我很高兴这有帮助！快乐编码
div.children[c].style.backgroundColor = "#eee";