Get element by tag not working?

css, javascript

Solution

`getElementsByTagName` returns a collection of elements called HTMLCollection. Try the following:

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

Problem

Here is a very simple question, why get element by tag in javascript doesn't work like get element by id? Here is my code example: 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"; ```

Original source