Obrazy dokumentów HTML DOM
Przykład
Liczba elementów <img> w dokumencie:
document.images.length;
Przeprowadź pętlę przez wszystkie elementy <img> i wypisz adres URL (źródło) każdego z nich:
const myImages = document.images;
let text = "";
for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";
}
Adres URL pierwszego elementu <img> to:
document.images[0].src;
Adres URL pierwszego elementu <img> to:
document.images.item(0).src;
Więcej przykładów poniżej.
Definicja i użycie
Właściwość imageszwraca kolekcję wszystkich elementów <img> w dokumencie.
Właściwość imageszwraca HTMLCollection .
Właściwość imagesjest tylko do odczytu.
Notatka
Właściwość imagesnie zwraca elementów <input> z type="image".
Zobacz też:
Kolekcja HTML
HTMLCollection to kolekcja węzłów HTML.
Dostęp do węzłów w kolekcji można uzyskać za pomocą numerów indeksu. Indeks zaczyna się od 0.
Właściwość length zwraca liczbę elementów w kolekcji.
Składnia
document.images
Nieruchomości
| Property | Description |
| length | The number of <img> elements in the collection. |
Metody
| 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. |
Wartość zwrotu
| Rodzaj | Opis |
| Obiekt | Obiekt HTMLCollection. Wszystkie elementy <img> w dokumencie. Elementy są sortowane tak, jak pojawiają się w dokumencie. |
Więcej przykładów
Adres URL elementu <img> z id="myImg" to:
document.images.namedItem("myImg").src;
Dodaj czarną ramkę do pierwszego elementu <img>:
document.images[0].style.border = "10px dotted black";
Obsługa przeglądarki
document.images to funkcja DOM Level 1 (1998).
Jest w pełni obsługiwany we wszystkich przeglądarkach:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |