Javascript .getElementByClassName不工作？

大家好：我很难让此代码正常工作：

HTML:

---

HTML文件正确引用了Javascript文件；我试图用导航栏中的class=“first”更改每个元素的样式。为什么

document.getElementsByClass（）

不起作用？

getElementsByClassName

返回一个集合。例如，尝试循环访问循环中的每个元素

getElementsByClassName（“first”）[index]

getElementsByClassName

返回一个集合。对于您的示例，尝试循环访问循环中的每个元素

getElementsByClassName（“first”）[index]

getElementsByClassName

返回一个类似live HTMLCollection的数组

style

是单个HTMLElement的属性

循环遍历HTML集合并依次修改每个集合的样式

for (var i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "#ee7600";
    x[i].style.border = "thin solid black";
}

for（变量i=0；i

getElementsByClassName

返回类似live HTMLCollection的数组

style

是单个HTMLElement的属性

循环遍历HTML集合并依次修改每个集合的样式

for (var i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "#ee7600";
    x[i].style.border = "thin solid black";
}

for（变量i=0；i

它返回一个HTML集合，而不是数组。@Quentin不知道，谢谢：）它返回一个HTML集合，而不是数组。@Quentin不知道，谢谢：）我真的希望这是一个精心设计的示例，您没有实际使用JavaScript在具有特定类的元素上设置样式。我真的希望这是一个精心设计的示例，您没有实际使用JavaScript在具有特定类的元素上设置样式。

for (var i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "#ee7600";
    x[i].style.border = "thin solid black";
}