Przykład
Dowiedzieć się, jak wiele <img> elementy są w dokumencie:
var x = document.images.length;
Wynikiem X będzie:
3
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Kolekcja zdjęć zwraca kolekcję wszystkich <img> elementy w dokumencie.
Note: elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym.
Uwaga: Zbiór zdjęć nie zwraca kolekcję <input> Elementy z type = „image”.
Wskazówka: Zobacz również w obrazie obiektu .
Wsparcie przeglądarka
Kolekcja | |||||
---|---|---|---|---|---|
images | tak | tak | tak | tak | tak |
Składnia
document.images
Nieruchomości
Nieruchomość | Opis |
---|---|
length | Zwraca liczbę <img> elementy w kolekcji. Uwaga: Ta właściwość jest tylko do odczytu |
metody
metoda | Opis |
---|---|
[ index ] | Zwraca <img> element z kolekcji z określonym indeksem (starts at 0) . Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem |
item( index ) | Zwraca <img> element z kolekcji z określonym indeksem (starts at 0) . Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem |
namedItem( id ) | Zwraca <img> element z kolekcji o podanym identyfikatorze. Uwaga: Zwraca null, jeśli id nie istnieje |
Szczegóły techniczne
DOM wersja: | Rdzeń Poziom 1 Document Object |
---|---|
Zwracana wartość: | Object HTMLCollection, reprezentujących wszystkie <img> elementy w dokumencie. Elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym |
Więcej przykładów
Przykład
[Indeks]
Uzyskaj adres URL pierwszej <img> elementu (index 0) w dokumencie:
var x = document.images[0].src;
Wynikiem X będzie:
http://www.w3ii.com/jsref/klematis.jpg
Spróbuj sam " Przykład
item( index )
Uzyskaj adres URL pierwszej <img> elementu (index 0) w dokumencie:
var x = document.images.item(0).src;
Wynikiem X będzie:
http://www.w3ii.com/jsref/klematis.jpg
Spróbuj sam " Przykład
namedItem( id )
Uzyskaj adres URL <img> elementu o id = „myImg” w dokumencie:
var x = document.images.namedItem("myImg").src;
Wynikiem X będzie:
http://www.w3ii.com/jsref/smiley.gif
Spróbuj sam " Przykład
Dodaj czarną przerywaną granicę do pierwszej <img> elementu w dokumencie:
document.images[0].style.border = "10px dotted black";
Spróbuj sam " Przykład
Pętla przez wszystkie <img> elementy w dokumencie, i wysyła URL (src) z każdego obrazu:
var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length;
i++) {
txt = txt + x[i].src + "<br>";
}
Wynikiem txt będą:
http://www.w3ii.com/jsref/klematis.jpg
http://www.w3ii.com/jsref/klematis2.jpg
http://www.w3ii.com/jsref/smiley.gif
Spróbuj sam " Podobne strony
Odniesienia JavaScript: HTML DOM Object Obraz
Poradnik HTML: Obrazy w formacie HTML
Odniesienia HTML: HTML <img> tag
<Document Object