<!DOCTYPE html>
<html>
<head>
<title>Phương thức getElementsByTagName() đếm phần tử trong JavaScript</title>
</head>
<body>
<h1>Phương thức getElementsByTagName() đếm phần tử trong JavaScript</h1>
<p>Phương thức getElementsByTagName() trong JavaScript dùng để lấy tên thẻ HTML rồi thực hiện nhiều hành động vào thẻ đó, ngoài ra còn có thể đếm có bao nhiêu thẻ, ở ví dụ này mình đếm số phần tử con có trong phần tử cha bằng cách lấy tên thẻ:</p>
<ul id="ulid" style="border:1px solid red;padding:20px">
<li>Trang chủ</li>
<li>Giới thiệu</li>
<li>Hosting</li>
<li>Blog</li>
<li>Liên hệ</li>
</ul>
<p>Số thẻ li: <span id="sotheli" ></span></p>
<script>
// Lấy id ulid của thử ul
const ulid = document.getElementById("ulid");
// Lấy các thẻ li trong ulid
const nodes = ulid.getElementsByTagName("li");
// Đếm có bao nhiêu thẻ li trong ulid
document.getElementById("sotheli").innerHTML = nodes.length;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Phương thức getElementsByTagName() đếm phần tử trong JavaScript</title>
</head>
<body>
<h1>Phương thức getElementsByTagName() đếm phần tử trong JavaScript</h1>
<p>Phương thức getElementsByTagName() trong JavaScript dùng để lấy tên thẻ HTML rồi thực hiện nhiều hành động vào thẻ đó, ngoài ra còn có thể đếm có bao nhiêu thẻ, ở ví dụ này mình đếm số phần tử con có trong phần tử cha bằng cách lấy tên thẻ:</p>
<ul id="ulid" style="border:1px solid red;padding:20px">
<li>Trang chủ</li>
<li>Giới thiệu</li>
<li>Hosting</li>
<li>Blog</li>
<li>Liên hệ</li>
</ul>
<p>Số thẻ li: <span id="sotheli" ></span></p>
<script>
// Lấy id ulid của thử ul
const ulid = document.getElementById("ulid");
// Lấy các thẻ li trong ulid
const nodes = ulid.getElementsByTagName("li");
// Đếm có bao nhiêu thẻ li trong ulid
document.getElementById("sotheli").innerHTML = nodes.length;
</script>
</body>
</html>
