逐个标记不起作用？

Question

这是一个非常简单的问题，为什么在javascript中按标签获取元素不能像id中的get元素那样工作？

这是我的代码示例：

http://codepen.io/vincentccw/pen/KvAfF

HTML

<ul>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
</ul>

的JavaScript

document.getElementsByTagName("li").style.color="red";

Answer 1

getElementsByTagName返回名为HTMLCollection的元素集合。请尝试以下方法：

var elem = document.getElementsByTagName("li");
for (var i = 0; i < elem.length; i++) {
    elem[i].style.color="red";
}

Answer 2

getElementsByTagName()返回元素集合（在HTMLCollection中）。要处理此数组中的每个元素，您可以遍历项目。

，而

getElementById()会返回一个DOMElement - 其中包含style和其他属性。