JavaScript에서 특정 태그에 포함된 요소의 수는?

<시간/>

자바스크립트 childElementCount를 제공했습니다. 태그에 포함된 요소의 수를 반환하는 속성입니다. 반환된 값에는 숫자만 포함되지만 요소 이름과 같은 값은 포함되지 않습니다.

구문

document.getElementById("myDIV").childElementCount;

태그의 id 이름만 취하고 태그의 요소 수를 반환합니다.

예

다음 예에서는 div 태그에 두 개의 요소가 있습니다. "childElementCount 속성 사용 " 요소의 수를 알아냈고 그 결과가 출력에 표시됩니다.

<html>
<body>
<div id="DIV">
   <p>First element</p>
   <p>Second element</p>
</div>
<p id = "cou"></p>
<script>
   var cou = document.getElementById("DIV").childElementCount;
   document.getElementById("cou").innerHTML = "number of elements :" +" "+ cou;
</script>
</body>
</html>

출력

First element
Second element

number of elements : 2