Tìm kiếm
0398.259.259
Liên hệ
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Tên miền
Hosting
Thiết kế website
Giới thiệu
Trang chủ
Trang chủ
Giới thiệu
Thiết kế website
Hosting
Tên miền
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Liên hệ
0398.259.259
Phương thức getElementsByTagName() đếm phần tử trong JavaScript
Phương thức getElementsByTagName() đếm phần tử trong JavaScript
Phương thức getElementsByTagName() đếm phần tử trong JavaScript
Tự code rồi chạy thử...
Chạy Thử
<!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>
Phương thức getElementsByTagName() đếm phần tử trong JavaScript
nằm trong bài viết
Phương thức getElementsByTagName() trong JavaScript
0398.259.259
Messenger
Chỉ Đường
Gọi điện
