Thuộc tính childElementCount trong JavaScript

• Bùi Tấn Lực
• 155
• 15/09/2025

Thuộc tính childElementCount trong JavaScript dùng để đếm số phần tử HTML nằm trong một thẻ HTML khác mà không tính chú thích và khoảng trắng, chi tiết như nào hãy cùng chúng tôi phân tích:

Thuộc tính childElementCount trong JavaScript

Chức năng của Thuộc tính childElementCount trong JavaScript

Thuộc tính childElementCount trong JavaScript dùng để đếm số phần tử HTML nằm trong một thẻ HTML khác mà không tính chú thích và khoảng trắng, thuộc tính này giống với thuộc tính children.length.

Cú pháp của Thuộc tính childElementCount trong JavaScript

let ketqua = tenbien.childElementCount;

tenbien: Tên biến là phần tử HTML thường dùng document.getElementById("giá trị id") để lấy.

ketqua: Kết quả trả về số phần tử con.

Code Thuộc tính childElementCount trong JavaScript

let numb = document.getElementById("ulmot").childElementCount;

<ul id="ulmot">
    <li>Trang chủ</li>
    <li>Giới thiệu</li>
    <li>Blog</li>
</ul>
<p>Số phần tử html li nằm trong thẻ ul: <span id="sotheli"></span></p>
<div id="divid">
 <!--Đếm số thẻ html-->
 <p>Hàng 1</p>
 <p>Hàng 2</p>
 <input type="text">
</div>
<p>Đếm số thẻ html nằm trong thẻ div, không tính chú thích và khoảng trắng: <span id="sothe"></span></p>
<script>
  // Đếm số thẻ li
  let numb = document.getElementById("ulmot").childElementCount;
  document.getElementById("sotheli").innerHTML = numb;
  // Đếm số thẻ html nằm trong thẻ div, không tính chú thích và khoảng trắng
  let numbhai = document.getElementById("divid").childElementCount;
  document.getElementById("sothe").innerHTML = numbhai;
</script>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thuộc tính childElementCount trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thuộc tính childElementCount trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn miễn phí

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn