Thuộc tính images của Document HTML DOM

Định nghĩa và cách sử dụng

images Trả về tập hợp tất cả các phần tử <img> trong tài liệu.

images Thuộc tính trả về HTMLCollection.

hình ảnhThuộc tính s là chỉ đọc.

Lưu ý:Thuộc tính images không trả về phần tử <input> có type="image".

HTMLCollection

HTMLCollection Là bộ sưu tập các phần tử HTML tương tự như mảng (danh sách).

Có thể truy cập phần tử trong bộ sưu tập bằng chỉ số (bắt đầu từ 0).

length Thuộc tính trả về số lượng phần tử trong bộ sưu tập.

Xem thêm:

Hình ảnh

Thẻ <img> của HTML

Hướng dẫn HTML

Mô hình

Ví dụ 1

Số lượng phần tử <img> trong tài liệu:

document.images.length;

Thử trực tiếp

Ví dụ 2

Duyệt qua tất cả các phần tử <img> và xuất ra 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>";
}

Thử trực tiếp

Ví dụ 3

URL của phần tử <img> đầu tiên là:

document.images[0].src;

Thử trực tiếp

Ví dụ 4

URL của phần tử <img> đầu tiên là:

document.images.item(0).src;

Thử trực tiếp

Ví dụ 5

URL của phần tử <img> có id="myImg":

document.images.namedItem("myImg").src;

Thử trực tiếp

Ví dụ 6

Thêm viền đen cho phần tử <img> đầu tiên:

document.images[0].style.border = "10px dotted black";

Thử trực tiếp

Cú pháp

document.images

Thuộc tính

Thuộc tính Mô tả
length Số lượng phần tử <img> trong bộ sưu tập.

Phương pháp

Phương pháp Mô tả
[item(]

index

Trả về thành phần có chỉ định chỉ số (bắt đầu từ 0).
)item(namedItem(

index

Trả về thành phần có chỉ định chỉ số (bắt đầu từ 0).
Nếu chỉ số vượt ra ngoài phạm vi, thì trả về null.NếunamedItem(

) Nếu Trả về thành phần có chỉ định

thành phần. Nếu id

Trả về null nếu không tồn tại.

Loại Mô tả
Đối tượng

Đối tượng HTMLCollection.

Tất cả các phần tử <img> trong tài liệu.

Sắp xếp theo thứ tự xuất hiện trong mã nguồn.

Hỗ trợ trình duyệt

document.images Là tính năng DOM Level 1 (1998).

Tất cả trình duyệt đều hỗ trợ nó:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ