пример
Узнайте, как много <img> элементов находятся в документе:
var x = document.images.length;В результате х будет:
3 Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Коллекция изображений возвращает коллекцию всех <img> элементов в документе.
Note: Элементы коллекции сортируются , как они появляются в исходном коде.
Примечание: Коллекция изображений не возвращает коллекцию <input> элементы с типом = «образом».
Совет: Также обратите внимание на изображение объекта .
Поддержка браузеров
| Коллекция | |||||
|---|---|---|---|---|---|
| images | да | да | да | да | да |
Синтаксис
document.imagesсвойства
| Имущество | Описание |
|---|---|
| length | Возвращает число <img> элементов в коллекции. Примечание: Это свойство только для чтения |
методы
| метод | Описание |
|---|---|
| [ index ] | Возвращает <img> элемент из коллекции с указанным индексом (starts at 0) . Примечание: Возвращает пустое значение , если индекс находится вне диапазона |
| item( index ) | Возвращает <img> элемент из коллекции с указанным индексом (starts at 0) . Примечание: Возвращает пустое значение , если индекс находится вне диапазона |
| namedItem( id ) | Возвращает <img> элемент из коллекции с указанным идентификатором. Примечание: возвращает нулевое значение , если идентификатор не существует |
Технические подробности
| DOM Версия: | Базовый уровень объекта 1 Документ |
|---|---|
| Возвращаемое значение: | HTMLCollection Объект, представляющий все <img> элементов в документе. Элементы коллекции сортируются, как они появляются в исходном коде |
Еще примеры
пример
[Индекс]
Получить URL первого <img> элемента (index 0) в документе:
var x = document.images[0].src;В результате х будет:
http://www.w3ii.com/jsref/klematis.jpg Попробуй сам " пример
item( index )
Получить URL первого <img> элемента (index 0) в документе:
var x = document.images.item(0).src;В результате х будет:
http://www.w3ii.com/jsref/klematis.jpg Попробуй сам " пример
namedItem( id )
Получить URL в <img> элемент с идентификатором = «myImg» в документе:
var x = document.images.namedItem("myImg").src;В результате х будет:
http://www.w3ii.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 будет:
http://www.w3ii.com/jsref/klematis.jpg
http://www.w3ii.com/jsref/klematis2.jpg
http://www.w3ii.com/jsref/smiley.gif Попробуй сам " Похожие страницы
JavaScript ссылка: HTML DOM Изображение объекта
HTML учебник: HTML Изображения
HTML ссылка: HTML <img> тег
<Document Object