HTML DOM getElementsByTagName() 메서드
정의와 사용법
getElementsByTagName() 메서드는 지정된 태그 이름을 가진 객체 집합을 반환할 수 있습니다.
문법
document.getElementsByTagName(tagname)
설명
getElementsByTagName() 메서드가 반환하는 요소의 순서는 문서에 있는 순서와 일치합니다.
특수 문자 "*" 를 getElementsByTagName() 메서드에 전달하면, 문서 중에 모든 요소의 목록이 반환되며, 요소가 문서에 있는 순서대로 정렬됩니다.
안내와 주석
주의사항:getElementsByTagName() 메서드에 전달하는 문자열은 대소문자를 구분하지 않습니다.
예시
예제 1
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many input elements?" />
</body>
</html>
예제 2
getElementsByTagName() 메서드를 사용하여 어떤 유형의 HTML 요소의 목록을 얻을 수 있습니다. 예를 들어, 아래의 코드는 문서에서 모든 테이블을 얻을 수 있습니다:
var tables = document.getElementsByTagName("table");
alert ("This document contains " + tables.length + " tables");
예제 3
문서 구조를 매우 잘 알고 있다면, getElementsByTagName() 메서드를 사용하여 문서의 특정 요소를 얻을 수도 있습니다. 예를 들어, 아래의 코드는 문서의 네 번째 구절을 얻습니다:
var myParagragh = document.getElementsByTagName("p")[3];
그러나, 특정 요소를操作할 필요가 있다면, getElementById() 메서드를 사용하는 것이 더 효과적일 것입니다.
