Hình ảnh tài liệu HTML DOM
Ví dụ
Số phần tử <img> trong tài liệu:
document.images.length;
Hãy tự mình thử »Lặp lại tất cả các phần tử <img> và xuất URL (src) của từng phần tử:
const myImages = document.images;
let text = "";
for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";
}
Hãy tự mình thử »URL của phần tử <img> đầu tiên là:
document.images[0].src;
Hãy tự mình thử »URL của phần tử <img> đầu tiên là:
document.images.item(0).src;
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính images
trả về tập hợp tất cả các phần tử <img> trong tài liệu.
Thuộc tính images
trả về HTMLCollection .
Thuộc tính images
là chỉ đọc.
Ghi chú
Thuộc tính images
không trả về phần tử <input> có type="image".
Xem thêm:
Bộ sưu tập HTML
HTMLCollection là một tập hợp (danh sách) các phần tử HTML giống như mảng.
Thuộc tính length trả về số phần tử trong bộ sưu tập.
Các phần tử có thể được truy cập theo chỉ mục (bắt đầu từ 0).
Một HTMLCollection đang hoạt động. Nó được tự động cập nhật khi tài liệu được thay đổi.
Cú pháp
document.images
Của cải
Property | Description |
length | The number of <img> elements in the collection. |
phương pháp
Method | Description |
[ index ] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
item( index ) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
namedItem( id ) | Returns the element with the specified id. Returns null if the id does not exist. |
Giá trị trả về
Kiểu | Sự miêu tả |
Sự vật | Một đối tượng HTMLCollection. Tất cả phần tử <img> trong tài liệu. Các phần tử được sắp xếp khi chúng xuất hiện trong tài liệu. |
Thêm ví dụ
Thêm viền đen vào phần tử <img> đầu tiên:
document.images[0].style.border = "10px dotted black";
Hãy tự mình thử »Hỗ trợ trình duyệt
document.images
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |