DOM - getElementsByTagName

var tname = document.getElementsByTagName("li");

이름에서도 나타나듯이 getElementsByTagName 은 여러개의 Element를 가져오므로
tname 이라는 변수는 배열(array)이 된다.
즉, tname[0], tname[1].... 등등으로 값이 저장된다는 얘기가 된다.

착각하지 말아야 할 부분이 있는데..tname[0] 등의 공간에는 menu1, menu2 가 들어가는것이 아니라
li라는 object가 자리잡고 있다. 때때로 이것을 제대로 구분 못하는 사람들이 있더라는;;

<ul> <li> menu 1 </li> <li> menu 2 </li> <li> menu 3 </li> </ul> <input type="button" value="count" onclick="cntLi()"> <script type="text/javascript"> function cntLi() { var tname = document.getElementsByTagName("li"); alert(tname.length); } </script>

tname에 length라는 property를 적용하여 li의 갯수를 확인할 수 있다.