据我所知,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>
答案 0 :(得分:4)
即使是jQuery也会遍历返回的对象。隐藏for
(或while
,each
或map
)循环只是语法糖,但它仍然是一个循环:
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"; });