Code Thuộc tính childElementCount trong JavaScript

Code Thuộc tính childElementCount trong JavaScript

Code Thuộc tính childElementCount trong JavaScript

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">
 <!--Đế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>
</body>
</html>
Code Thuộc tính childElementCount trong JavaScript nằm trong bài viết Thuộc tính childElementCount trong JavaScript