This feature is well established and works across many devices and browser versions. It’s been available across browsers since June 2018.
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");
}
}
| Specification |
|---|
| HTML> # dom-document-images-dev> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
images |
1 | 12 | 61 | ≤12.1 | 4 | 18 | 61 | ≤12.1 | 3.2 | 1.0 | 4.4 | 3.2 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Document/images