更改数组中所有元素的 CSS 属性 [关闭]

Question

我想在一些<div id="div"> 中更改所有<time> 元素中的.style.backgroundColor。 我是这样解决的：

var times = div.getElementsByTagName("time");
for (var i = 0; i < times.length; i++) {
    times[i].style.backgroundColor = "#d00";
}

是否可以优化代码以尽可能减少变量？或者也许有一种方法可以用一行来做到这一点？
P.S.：不使用 JQuery；

Answer 1

在 ES6 环境中：

Array.from(div.querySelectorAll("time"), e => e.style.backgroundColor = "#d00");

这利用了Array.from 将 DOM 节点列表转换为数组的能力，和采用第二个参数，该参数是应用于每个元素的函数。

Answer 2

另一种方法是使用反向 while 循环，如下所示：

var times=div.getElementsByTagName("time"),i=times.length;
while(i--)
    times[i].style.backgroundColor="#d00";