Chocolate Chip Cookie
본문 바로가기
프론트엔드/Java Script

javaScript 태그 갯수 세기 getElementsByTagName 함수 사용

by Khookie 2020. 11. 29.
!DOCTYPE html>
<html>
<head> 
<script>
 function getElements()
 {
 var x= document.getElementsByTagName("h3");
 alert(x.length );
 }
</script></head>
<body>
 <input type="button" onclick="getElements()" value="h3 태그 갯수" />
 
 <h3>1</h3>
 <h3>2</h3>
 <h3>3</h3>
 <h3>4</h3>
 <h3>5</h3>

</body>
</html> 

getElementsByTagName 함수에 인자로 태그를 넣어서

배열로 반환받는다

배열의 갯수가 태그의 갯수

 

댓글