javascript - 使用循环获取每个子项的样式属性

Question

我正在尝试获取每个子元素的背景颜色。

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

我似乎无法理解为什么它不起作用，因为当我使用下面的代码时，它起作用了

div.children[c].style.backgroundColor = "#eee";

Answer 1

The Window.getComputedStyle() method gives the values of all the CSS properties of an element after applying the active stylesheets and resolving any basic computation those values may contain.

The HTMLElement.style property returns a CSSStyleDeclaration object that represents only the element's inline style attribute, ignoring any applied style rules.

<小时/>

HTMLElement.style 仅适用于 inline-css，请使用 getComputedStyle(Element)获取与 Element 关联的所有 style 对象。

注意:我会使用 Array#push 而不是在指定的索引处分配值。

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