javascript - 使用纯 Javascript 不循环选择和修改元素集合

Question

我正在尝试选择相同样式和/或类的元素并为其设置样式。到目前为止，我发现这样做需要循环遍历元素数组:

var examples = document.getElementsByClassName("example");

for (var i = 0; i < examples.length; i++) {
  examples[i].style.color = "cornflowerblue";
}

有没有一种方法可以做到这一点而不必遍历这些元素并通过它们的索引单独选择它们？我正在寻找 jQuery 等价物:

$(".example") // Chainable

for 循环示例

var examples = document.getElementsByClassName("example");

for (var i = 0; i < examples.length; i++) {
  examples[i].style.color = "cornflowerblue";
}

<p class="example">Example One</p>
<p>Example Two</p>
<p class="example">Example Three</p>
<p>Example Four</p>

Answer 1

Array
  .apply([], document.getElementsByClassName("example"))
  .forEach(function (elmNode) {
    elmNode.style.color = "cornflowerblue";
  })
;