Đối tượng HTMLCollection XML DOM

Đối tượng HTMLCollection

HTMLCollection là một giao diện, biểu thị bộ sưu tập các phần tử HTML, cung cấp các phương thức và thuộc tính để lặp qua danh sách.

Đối tượng HTMLCollection trong HTML DOM là “sống”; nếu tài liệu cơ bản thay đổi, những thay đổi đó sẽ hiển thị ngay lập tức qua tất cả các đối tượng HTMLCollection.

Mỗi mục dưới đây (và các thuộc tính được chỉ định) đều trả về HTMLCollection:

  • Document (images, applets, links, forms, anchors)
  • form (elements)
  • map (areas)
  • select (options)
  • table (rows, tBodies)
  • tableSection (rows)
  • row (cells)

Nhiều thuộc tính của giao diện HTMLDocument là đối tượng HTMLCollection, cung cấp cách truy cập dễ dàng vào các phần tử tài liệu như biểu mẫu, hình ảnh và liên kết.form.elements và select.options đều là đối tượng HTMLCollection. HTMLCollection còn cung cấp cách lặp qua Table và Các hàng của TableRow một cách tiện lợi để truy cập các ô khác nhau.

Đã được đề cập ở trên, đối tượng HTMLCollection là bộ sưu tập các phần tử HTML có phương thức, có thể sử dụng nó để lấy phần tử thông qua vị trí của chúng trong tài liệu hoặc thuộc tính id, thuộc tính name của chúng. Trong JavaScript, đối tượng HTMLCollection hoạt động như một mảng chỉ đọc, có thể sử dụng dấu ngoặc vuông JavaScript để chỉ số một đối tượng HTMLCollection bằng số hoặc tên, mà không cần gọi phương thức item()và Phương thức namedItem().

Đối tượng HTMLCollection là chỉ đọc, không thể thêm phần tử mới vào nó, ngay cả khi sử dụng ngữ pháp mảng JavaScript cũng vậy.

Đối tượng HTMLCollection và Đối tượng NodeListRất tương tự, nhưng trước đó có thể cả sử dụng chỉ số tên lẫn chỉ số số.

Thuộc tính của đối tượng HTMLCollection

Thuộc tính Mô tả
cssRules Thuộc tính chỉ đọc, trả về số nguyên chỉ ra độ dài của danh sách (tức là số lượng phần tử trong bộ sưu tập).

Phương thức HTMLCollection

Phương thức Mô tả
item() Trả về phần tử (nút) tại vị trí cụ thể trong tập hợp.
namedItem() Trả về phần tử (nút) có thuộc tính name hoặc id có giá trị cụ thể trong tập hợp.

Mẫu

var c = document.forms;		//Đây là đối tượng HTMLCollection của phần tử form
var firstform = c[0];		//Có thể sử dụng như mảng số
var lastform = c[c.length-1];	//Thuộc tính length trả về số lượng phần tử
var address = c["address"];		//Có thể sử dụng như mảng liên kết
var address = c.address;		//JavaScript cho phép cách biểu diễn này

Trang liên quan

Tài liệu tham khảo XML DOM:Đối tượng HTMLDocument

Tài liệu tham khảo XML DOM:Đối tượng NodeList

Tài liệu tham khảo:Tài liệu tham khảo HTML DOM