Метод images
Пример document.images
Количество элементов <img> в документе:
document.images.length;
Попробуйте сами »
Пройдитесь по всем элементам <img> и выведите URL (src) каждого из них:
const myImages = document.images;
let text = "";
for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";
}
Попробуйте сами »
URL первого элемента <img>:
document.images[0].src;
Попробуйте сами »
URL первого элемента <img>:
document.images.item(0).src;
Попробуйте сами »
Ещё примеры ниже.
Описание images
Свойство images возвращает коллекцию всех элементов <img> в документе.
Свойство images возвращает HTMLCollection.
Свойство images доступно только для чтения.
Примечание images
Свойство images не возвращает элементы <input> с type="image"
Похожи на images
HTMLCollection
HTMLCollection — это коллекция (список) HTML-элементов в виде массива.
Элементы в коллекции доступны по индексу (начинается с 0).
Свойство length возвращает количество элементов в коллекции.
Синтаксис images
document.images
Свойства images
| Свойство | Описание |
|---|---|
| length | Количество элементов <img> в коллекции. |
Методы images
| Метод | Описание |
|---|---|
| [index] | Возвращает элемент с указанным индексом (начинается с 0). Возвращает null, если индекс выходит за пределы диапазона. |
| item(index) | Возвращает элемент с указанным индексом (начинается с 0). Возвращает null, если индекс выходит за пределы диапазона. |
| namedItem(id) | Возвращает элемент с указанным идентификатором. Возвращает null, если идентификатор не существует. |
Возвращаемое значение images
| Тип | Описание |
|---|---|
| Object | Объект HTMLCollection. Все элементы <img> в документе. Элементы сортируются по мере их появления в документе. |
Ещё примеры images
URL-адрес элемента <img> с id="myImg" является:
document.images.namedItem("myImg").src;
Попробуйте сами »
Добавьте черную рамку к первому элементу <img>:
document.images[0].style.border = "10px dotted black";
Попробуйте сами »
Поддержка браузера images
document.images является функцией DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |