Đếm số element con của tag trong JavaScript

JavaScript cung cấp childElementCount trả về số lượng element con của một tag. Chỉ trả về số, không trả tên element.

Cú pháp

document.getElementById("myDIV").childElementCount;

Ví dụ

Div có 2 element p. Dùng childElementCount đếm và hiển thị.

<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>

Kết quả

First element Second element number of elements : 2

Lưu ý: childElementCount chỉ đếm Element node (tag), bỏ qua text node, comment. Khác childNodes.length đếm tất cả node. Tương đương element.children.length.