Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách xác định số lượng nút trong danh sách nút (NodeList) với JavaScript HTML DOM

Để lấy số lượng nút trong một NodeList, hãy sử dụng thuộc tính length. Thuộc tính này trả về số phần tử có trong danh sách.

Ví dụ minh họa

Mã dưới đây đếm số thẻ <p> trong tài liệu:

<!DOCTYPE html>
<html>
<body>
  <p>Văn bản demo 1</p>
  <p id="pid"></p>
  <script>
    var myLen = document.querySelectorAll("p");
    document.getElementById("pid").innerHTML = "Tài liệu này có " + myLen.length + " thẻ đoạn văn.";
  </script>
</body>
</html>

Lưu ý quan trọng

  • querySelectorAll() trả về một NodeList tĩnh (không tự cập nhật khi DOM thay đổi).
  • length chỉ đọc, không thể gán giá trị.
  • Dùng getElementsByTagName() nếu cần HTMLCollection động (tự cập nhật).