选择数组内的所有值

时间:2014-09-22 07:45:13

标签: javascript arrays class

据我所知,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>

2 个答案:

答案 0 :(得分:4)

即使是jQuery也会遍历返回的对象。隐藏for(或whileeachmap)循环只是语法糖,但它仍然是一个循环:

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

答案 1 :(得分:1)

一次性===在一行?

[].forEach.call(document.getElementsByClassName("class1"), function(c) { c.style.borderColor = "red"; });