웹 프로그래밍/JAVASCRIPT

특정 태그에 사용하는 요소들을 얻어내기getElementsByTagName("인수") 메소드

웹 개발자의 비상 2010. 4. 2. 14:13

getElementsByTagName("인수")

element.getElementsByTagName(tag)
document.geElemetsByTagName("li")

: 문서내에 특정 태그를 사용하는 요소들의 배열로서 얻어낼 수 있는 함수
: 한개가 아닌 여러개의 요소를 얻게 된다.

# 참조한  요소의 갯수를 반환하기
alert(documet.geElementsByTagName("li").length);

# 문소내의 모든 요소 노드의 개수를 반환하기
alert(documet.geElementsByTagName("*").length); 

ex)
<ul id="buy">
    <li>땅콩</li>
    <li>치즈</li>
    <li>우유</li>
</ul>

<script language="javascript">
var shopping = document.getElementById("buy");
var item = shopping.getElementsByTagName("*");
alert!(item.length);
</script> 

결과 : 얼럿 li의 개수 반환 3


728x90