# Document: images property



The **`images`** read-only property of the [Document](https://developer.mozilla.org/en-US/docs/Web/API/Document) interface returns a [collection](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCollection) of the [images](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement) in the current HTML document.

## Value

An [HTMLCollection](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCollection) providing a live list of all of the images contained in the current document.
Each entry in the collection is an [HTMLImageElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement) representing a single image element.

## Usage notes

You can use either JavaScript array notation or the [item()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCollection/item) method on the returned collection to access the items in the collection.
The following are equivalent:

```js
firstImage = imageCollection.item(0);

firstImage = imageCollection[0];
```

## Examples

This example looks through the list of images and finds those named `"banner.gif"`.

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

## Specifications

## Browser compatibility