getElementsByTagName은
getElementById 와 마찬가지로 요소노드에 접근하는 메소드이다.
다만 id명을 통해 접근하는 것이 아닌 요소노드의 태그명으로 접근하는 것이다.
var items = document.getElementsByTagName("li");
라고 하면 문서내의 <li>태그들을 모두 불러와 items이라는 변수에 저장하게 된다.
items 라는 변수는 물론 객체변수이고 만약에 문서내 <li>태그들이 여러개면 items라는 변수는 1차원배열이 된다.
(items[0], items[1], items[2]... 이런 식으로 )
그렇기 때문에 위에 메소드명을 보면 eleements라고 복수형으로 쓰여 있는 것 알수 있다.
<script>
function ex(){
var items = document.getElementsByTagName("li");
alert(items.length);
window.onload = ex ;
}
</script>
문서내 <li>태그들을 모두 불러와 items라는 1차원 배열 객체형 변수를 생성해 저장하고 alert(items.length)에서 변수의 길이가 몇인지 대화상자를 띄워서 출력하라는 것이다.
배열변수의 길이는 곧 문서내 <li>태그의 갯수이다.
출처 : http://blog.naver.com/rusdudtn2?Redirect=Log&logNo=140047888495
