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 one whose name is "banner.gif".

for (const image of document.images) {
  if (image.src === "banner.gif") {
    console.log("Found the banner");
  }
}