반응형
DOM의 구조에서 getElementById와 함께 엘리먼트를 가져올수 있는 또 다른 방법이 getElementsByTagName 이다.
일반적으로 ID를 사용해서 엘리먼트를 가져올 경우에는 ID는 문서내에서 유일하다고 생각해서 s가 붙지 않지만 TagName 의 경우에는 한 문서내에서 같은 Tag가 많이 사용되므로 반드시 s 가 붙는다.
따라서 getElementByTagName 가 아니라 getElementsByTagName 이다.
그리고 Tag의 경우에는 여러개가 있을 가능성이 있어서 보통의 경우 배열 형태로 엘리먼트를 가져온다.
사용예
function getElement() {
var tag = document.getElementsByTagName("div");
alert (tag.length); // tag의 개수를 표시
}
<body onload="getElement()"> // 문서가 로드되면 자동적으로 함수를 call 한다.
<div>aaa</div>
<div>bbb</div>
<div>ccc</div>
</body>
전체의 문서에서 div 태그를 찾아서 그 갯수를 가져온다..
그러면 경고창에서 3이 나타난다.
'Web > Dom' 카테고리의 다른 글
| DOM 사용 가능 여부 확인하기 (0) | 2008.03.23 |
|---|---|
| DOM과 Javascript를 사용한 간단한 Show, Hide (0) | 2007.12.10 |