Hình ảnh tài liệu HTML DOM
Thí dụ
Số phần tử <img> trong tài liệu:
document.images.length;
Lặp lại tất cả các phần tử <img> và xuất URL (src) của mỗi phần tử:
const myImages = document.images;
let text = "";
for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";
}
URL của phần tử <img> đầu tiên là:
document.images[0].src;
URL của phần tử <img> đầu tiên là:
document.images.item(0).src;
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Thuộc images
tính trả về một tập hợp tất cả các phần tử <img> trong một tài liệu.
Thuộc images
tính trả về một bộ sưu tập HTMLC .
Thuộc images
tính chỉ đọc.
Ghi chú
Thuộc images
tính không trả về các phần tử <input> có type = "image".
Xem thêm:
HTMLCollection
Bộ sưu tập HTMLC là một tập hợp các nút HTML.
Các nút trong một bộ sưu tập có thể được truy cập bằng số chỉ mục. Chỉ số bắt đầu từ 0.
Thuộc tính length trả về số phần tử trong tập hợp.
Cú pháp
document.images
Tính chất
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ả lại
Loại | Sự miêu tả |
Sự vật | Đối tượng HTMLCollection. Tất cả cá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. |
Các ví dụ khác
URL của phần tử <img> có id = "myImg" là:
document.images.namedItem("myImg").src;
Thêm viền đen vào phần tử <img> đầu tiên:
document.images[0].style.border = "10px dotted black";
Hỗ trợ trình duyệt
document.images
là một tính năng DOM Level 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |