逐个标记不起作用？

Question

这是一个非常简单的问题,为什么在javascript中按标记获取元素不能像id一样获取元素？

这是我的代码示例:

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";
}