Коллекция images
Пример
Узнать, сколько элементов <img> содержится в документе:
var x = document.images.length;
Результатом x будет:
3
Попробуйте сами »
Ещё примеры "Попробуйте сами" ниже.
Определение и использование
Коллекция изображений возвращает коллекцию всех элементов <img> в документе.
Примечание: Элементы в коллекции сортируются так, как они отображаются в исходном коде.
Примечание: Коллекция изображений не возвращает коллекцию элементов <input> с type="image".< / p>
Совет: Также посмотрите на объект Image.
Поддержка браузера
| Коллекция | |||||
|---|---|---|---|---|---|
| images | Да | Да | Да | Да | Да |
Синтаксис
document.images
Properties
| Свойство | Описание |
|---|---|
| length | Возвращает количество элементов <img> в коллекции. Примечание: Это свойство доступно только для чтения |
Методы
| Метод | Описание |
|---|---|
| [index] | Возвращает элемент <img> из коллекции с указанным индексом (начинается с 0). Примечание: Возвращает значение null, если номер индекса находится вне диапазона |
| item(index) | Возвращает элемент <img> из коллекции с указанным индексом (начинается с 0). Примечание: Возвращает значение null, если номер индекса находится вне диапазона |
| namedItem(id) | Возвращает элемент <img> из коллекции с указанным идентификатором. Примечание: Возвращает значение null, если идентификатор не существует |
Технические детали
| DOM Версия: | Основной уровень 1 объект документа |
|---|---|
| Возвращаемое значение: | Объект HTMLCollection, представляющий все элементы <img> в документе. Элементы в коллекции сортируются по мере их появления в исходном коде |
Ещё примеры
Пример
[index]
Получить URL-адрес первого элемента <img> (индекс 0) в документе:
var x = document.images[0].src;
Результатом x будет:
https://www.schoolsw3.com/jsref/klematis.jpg
Попробуйте сами »
Пример
item(index)
Получить URL-адрес первого элемента <img> (индекс 0) в документе:
var x = document.images.item(0).src;
Результатом x будет:
https://www.schoolsw3.com/jsref/klematis.jpg
Попробуйте сами »
Пример
namedItem(id)
Получить URL-адрес элемента <img> с идентификатором="img" в документе:
var x = document.images.namedItem("myImg").src;
Результатом x будет:
https://www.schoolsw3.com/jsref/smiley.gif
Попробуйте сами »
Пример
Добавить черную пунктирную границу к первому элементу <img> в документе:
document.images[0].style.border = "10px dotted black";
Попробуйте сами »
Пример
Выполнить цикл по всем элементам <img> в документе и выведите URL (src) каждого изображения:
var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
txt = txt + x[i].src + "<br>";
}
Результатом txt будет:
https://www.schoolsw3.com/jsref/klematis.jpg
https://www.schoolsw3.com/jsref/klematis2.jpg
https://www.schoolsw3.com/jsref/smiley.gif
Попробуйте сами »
Связанные страницы
JavaScript Справочник: HTML DOM Image Объект
HTML Учебник: HTML Images
HTML Справочник: HTML <img> тег
❮ Объект документа
