Tài liệu tham khảo DOM HTMLCollection

Đối tượng HTMLCollection

Đối tượng HTMLCollection là danh sách các phần tử HTML tương tự như mảng.

Các phương thức như getElementsByTagName() sẽ trả về HTMLCollection.

Thuộc tính và phương thức

Bạn có thể sử dụng các thuộc tính và phương thức sau trên đối tượng HTMLCollection:

Thuộc tính / Phương thức Mô tả
item() Trả về phần tử tại chỉ số xác định trong HTMLCollection.
length Trả về số lượng phần tử trong HTMLCollection.
namedItem() Trả về phần tử có ID hoặc tên được chỉ định trong HTMLCollection.

Mô hình

Mô hình

Lấy HTMLCollection:

var x = document.getElementsByTagName("P");
// Trả về bộ sưu tập tất cả các phần tử P trong tài liệu

Thử nghiệm trực tiếp

Mô hình

Xuất ra số lượng phần tử <p> trong tài liệu:

var x = document.getElementsByTagName("P");
document.write(x.length);

Thử nghiệm trực tiếp

Mô hình

Lặp qua mỗi phần tử trong HTMLCollection:

x = document.getElementsByTagName("*");
l = x.length;
for (i = 0; i < l; i++) {
  document.write(x[i].tagName + "<br>");
}

Thử nghiệm trực tiếp