จาวาสคริปต์ ได้ให้ childElementCount คุณสมบัติเพื่อส่งคืนจำนวนองค์ประกอบที่แท็กมีอยู่ ค่าที่ส่งคืนมีเพียงตัวเลขแต่ไม่มีค่าเช่นชื่อขององค์ประกอบเป็นต้น
ไวยากรณ์
document.getElementById("myDIV").childElementCount;
ใช้เฉพาะชื่อรหัสของแท็กและส่งคืนจำนวนองค์ประกอบในแท็ก
ตัวอย่าง
ในตัวอย่างต่อไปนี้ มีสององค์ประกอบในแท็ก 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