The images read-only property of the Document interface returns a collection of the images in the current HTML document.
An HTMLCollection providing a live list of all of the images contained in the current document. Each entry in the collection is an HTMLImageElement representing a single image element.
You can use either JavaScript array notation or the item() method on the returned collection to access the items in the collection. The following are equivalent:
firstImage = imageCollection.item(0);
firstImage = imageCollection[0];This example looks through the list of images and finds those named "banner.gif".
for (const image of document.images) {
if (image.src === "banner.gif") {
console.log("Found the banner");
}
}