Изображения документа HTML DOM
Пример
Количество элементов <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
возвращает коллекцию всех элементов <img> в документе.
Свойство images
возвращает HTMLCollection .
Свойство images
доступно только для чтения.
Примечание
Свойство images
не возвращает элементы <input> с type="image".
Смотрите также:
HTMLКоллекция
HTMLCollection — это коллекция узлов HTML.
Доступ к узлам в коллекции можно получить по порядковым номерам. Индекс начинается с 0.
Свойство length возвращает количество элементов в коллекции.
Синтаксис
document.images
Характеристики
Property | Description |
length | The number of <img> elements in the collection. |
Методы
Method | Description |
[index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
Возвращаемое значение
Тип | Описание |
Объект | Объект HTMLCollection. Все элементы <img> в документе. Элементы сортируются по мере их появления в документе. |
Дополнительные примеры
URL-адрес элемента <img> с id="myImg":
document.images.namedItem("myImg").src;
Добавьте черную рамку к первому элементу <img>:
document.images[0].style.border = "10px dotted black";
Поддержка браузера
document.images
является функцией DOM уровня 1 (1998 г.).
Он полностью поддерживается во всех браузерах:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |