Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính childElementCount trong JavaScript</title>
</head>
<body>

<h1>Code Thuộc tính childElementCount trong JavaScript</h1>
<p>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:</p>

<ul id="ulmot" style="border:1px solid red; padding:10px">
    <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" style="border:1px solid red; padding:10px">
 
 <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>
</body>
</html>

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

Trang chủ
Giới thiệu
Blog

Số phần tử html li nằm trong thẻ ul:

Hàng 1

Hàng 2

Đếm số thẻ html nằm trong thẻ div, không tính chú thích và khoảng trắng:

Code Thuộc tính childElementCount trong JavaScript nằm trong bài viết Thuộc tính childElementCount trong JavaScript