循环访问时更改数组中项的样式不起作用

Question

我正试图使用for循环更改列表的borderColor，所以我使用了以下代码：

var listedItems = document.getElementsByTagName("UL");
for (var i = 0; i < listedItems.length; i++){
    listedItems[i].style.borderColor = "red";
}

有人能告诉我为什么这不起作用吗？

将listedItems[i]与if语句中的其他内容进行比较似乎有效，但更改数组当前指向的元素无效。我很困惑。

Answer 1

您的代码应该可以工作。

提供已设置的所有边框样式。如果你还没有设置borderWidth和borderStyle，你就看不到颜色：）

var listedItems = document.getElementsByTagName("UL");
    for (var i = 0; i < listedItems.length; i++){
        listedItems[i].style.borderStyle = "solid";
        listedItems[i].style.borderWidth = "1px";
        listedItems[i].style.borderColor = "red";
    }

<ul>
  <li>test</li>
  <li>test</li>
  </ul>
<ul>
  <li>test2</li>
  <li>test2</li>
  </ul>

或

var listedItems = document.getElementsByTagName("UL");
for (var i = 0; i < listedItems.length; i++){
    listedItems[i].style.border = "1px solid red";
}