更改数组中所有元素的CSS属性

Question

我想改变一些内容中.style.backgroundColor的所有<time>元素<div id="div">.我这样解决了:

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

是否可以优化代码,以便尽可能减少变量？或者也许有一种方法可以用一条线来做到这一点？
PS:不使用JQuery;

Answer 1

在ES6环境中:

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

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