javascript - 选择数组中的所有值

Question

据我所知，document.getElementsByClassName 返回类似于数组对象的内容。

如何在不使用 jQuery 的情况下修改所有返回的对象？

假设我想更改所有应用了“class1”的 div 的 border-color？

<div id="container">
  <div class="class1">Hello</div>
  <div class="class2">World</div>
  <div class="class1">Hello</div>
  <div class="class2">World</div>
</div>

Answer 1

即使是 jQuery 也会遍历返回的对象。隐藏 for(或 while、each 或 map)循环只是语法糖，但它仍然是一个循环这一切:

var class1 = document.getElementsByClassName('class1');
for (var i = 0; i < class1.length; i++) {
    class1[i].style.borderColor = 'green';
}