Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

จำนวน Elements ที่ Tag เฉพาะมีใน JavaScript

JavaScript มี Property childElementCount คืนค่าจำนวน Elements ที่ Tag มีอยู่ ค่าที่คืนมีแค่ตัวเลข ไม่รวมค่าอื่นๆ เช่นชื่อ Elements

Syntax

document.getElementById("myDIV").childElementCount;

รับแค่ ID ของ Tag และคืนจำนวน Elements ใน Tag

ตัวอย่าง

ในตัวอย่างนี้ มี 2 Elements ใน Div Tag ใช้ Property "childElementCount" หาจำนวน Elements และแสดงผลลัพธ์

<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