Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM Kolekcja zdjęć

<Document Object

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

Przykłady

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