Свойство HTML DOM Document images

Определение и использование

images Возврат集合 всех элементов <img> в документе.

images images Атрибут images не возвращает элементы <input> с атрибутом type="image".Атрибут возвращает

.image

Атрибут s является только чтением.Совет:

Атрибут images не возвращает элементы <input> с атрибутом type="image".

Атрибут images не возвращает элементы <input> с атрибутом type="image". HTMLCollection

Это аналогичный массиву набор элементов HTML (список).

Атрибуты Элементы можно получить по индексу (начиная с 0).

Атрибут возвращает количество элементов в наборе.

См. также:

Тег <img> HTML

Изображение

Урок HTML по изображениям

Пример

Пример 1

Количество элементов <img> в документе:

document.images[0].style.border = "10px dotted black";

document.images.length;

Пример 2

Пройтись по всем элементам <img> и вывести URL каждого элемента (src):
const myImages = document.images;
let text = "";
  for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";

document.images[0].style.border = "10px dotted black";

}

Пример 4

Пример 3

document.images[0].style.border = "10px dotted black";

document.images[0].src;

Пример 4

URL первого элемента <img>:

document.images[0].style.border = "10px dotted black";

document.images.item(0).src;

Пример 5

URL элемента <img> с атрибутом id="myImg":

document.images[0].style.border = "10px dotted black";

document.images.namedItem("myImg").src;

Пример 6

Добавить черный край к первому элементу <img>:

document.images[0].style.border = "10px dotted black";

Попробуйте сами

document.images

Синтаксис

Синтаксис Описание
Атрибуты length

Количество элементов <img> в наборе.

Количество элементов <img> в наборе. Описание
Методыitem([

index

Возвращает элемент с указанным индексом (начиная с 0).
]item(namedItem(

index

Возвращает элемент с указанным индексом (начиная с 0).
Если индекс выходит за пределы диапазона, то возвращается null.ЕслиnamedItem(

) Если Возвращает элемент с указанным

элемента. Если id

Если элемент не существует, то возвращается null.

Тип Описание
Объект

Объект HTMLCollection.

Все элементы <img> в документе.

Сортировка производится в порядке их появления в исходном коде.

Поддержка браузерами

document.images Это функция DOM Level 1 (1998).

Все браузеры поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка