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

<分区>

想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它.

关闭 8 年前。

我要改.style.backgroundColor所有<time>一些元素 <div id="div"> . 我是这样解决的:

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

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

最佳答案

在 ES6 环境中:

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

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

关于javascript - 更改数组中所有元素的 CSS 属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29743926/

相关文章：

javascript - nuxt.js 文档未定义，pugin 出现问题