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

<!DOCTYPE html>
<html>
<head>
<title>Phương thức getElementsByClassName() length trong JavaScript</title>
</head>
<body>

<h1>Phương thức getElementsByClassName() length trong JavaScript</h1>
<p>Phương thức getElementsByClassName() trong JavaScript dùng để lấy các phần tử HTML có tên lớp giống nhau và cùng nằm trong một phần tử cha để thực hiện những hành động vào các phần tử HTML con đó theo những vị trí được chỉ định, ở ví dụ này mình đếm số phần tử có tên lớp giống nhau, những phần tử đó nằm trong một phần tử cha:</p>

<ul id="ulid">
    <li class="liclass">Home</li>
    <li class="liclass">Giới thiệu</li>
    <li class="liclass">Hosting</li>
    <li class="liclass">Blog</li>
    <li class="liclass">Liên hệ</li>
</ul>
<p>Số phần tử có tên lớp liclass: <span id="sophantu"></span></p>
<script>
// Lấy id chứa các thẻ li
const ulid = document.getElementById("ulid"); 
// Lấy các li nằm trong thẻ ul có id ulid
const nodes = ulid.getElementsByClassName("liclass");
// Đếm số li nằm trong thẻ ul có id ulid
document.getElementById("sophantu").innerHTML = nodes.length;
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title>Phương thức getElementsByClassName() length trong JavaScript</title>
</head>
<body>

<h1>Phương thức getElementsByClassName() length trong JavaScript</h1>
<p>Phương thức getElementsByClassName() trong JavaScript dùng để lấy các phần tử HTML có tên lớp giống nhau và cùng nằm trong một phần tử cha để thực hiện những hành động vào các phần tử HTML con đó theo những vị trí được chỉ định, ở ví dụ này mình đếm số phần tử có tên lớp giống nhau, những phần tử đó nằm trong một phần tử cha:</p>

<ul id="ulid">
    <li class="liclass">Home</li>
    <li class="liclass">Giới thiệu</li>
    <li class="liclass">Hosting</li>
    <li class="liclass">Blog</li>
    <li class="liclass">Liên hệ</li>
</ul>
<p>Số phần tử có tên lớp liclass: <span id="sophantu"></span></p>
<script>
// Lấy id chứa các thẻ li
const ulid = document.getElementById("ulid"); 
// Lấy các li nằm trong thẻ ul có id ulid
const nodes = ulid.getElementsByClassName("liclass");
// Đếm số li nằm trong thẻ ul có id ulid
document.getElementById("sophantu").innerHTML = nodes.length;
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title>Phương thức getElementsByClassName() length trong JavaScript</title>
</head>
<body>

<h1>Phương thức getElementsByClassName() length trong JavaScript</h1>
<p>Phương thức getElementsByClassName() trong JavaScript dùng để lấy các phần tử HTML có tên lớp giống nhau và cùng nằm trong một phần tử cha để thực hiện những hành động vào các phần tử HTML con đó theo những vị trí được chỉ định, ở ví dụ này mình đếm số phần tử có tên lớp giống nhau, những phần tử đó nằm trong một phần tử cha:</p>

<ul id="ulid">
    <li class="liclass">Home</li>
    <li class="liclass">Giới thiệu</li>
    <li class="liclass">Hosting</li>
    <li class="liclass">Blog</li>
    <li class="liclass">Liên hệ</li>
</ul>
<p>Số phần tử có tên lớp liclass: <span id="sophantu"></span></p>
<script>
// Lấy id chứa các thẻ li
const ulid = document.getElementById("ulid"); 
// Lấy các li nằm trong thẻ ul có id ulid
const nodes = ulid.getElementsByClassName("liclass");
// Đếm số li nằm trong thẻ ul có id ulid
document.getElementById("sophantu").innerHTML = nodes.length;
</script>
</body>
</html>

Phương thức getElementsByClassName() length trong JavaScript nằm trong bài viết Phương thức getElementsByClassName() trong JavaScript