Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จำนวนองค์ประกอบที่แท็กเฉพาะมีใน JavaScript?


จาวาสคริปต์ ได้ให้ 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