Esempio
Scopri come molte <img> elementi ci sono nel documento:
var x = document.images.length;Il risultato di x sarà:
3 Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La collezione immagini restituisce un insieme di tutte le <img> elementi nel documento.
Note: Gli elementi della collezione sono ordinati come appaiono nel codice sorgente.
Nota: La collezione le immagini non restituisce una raccolta di <input> elementi type = "image" con.
Suggerimento: Anche guardare l' oggetto immagine .
Supporto browser
| Collezione | |||||
|---|---|---|---|---|---|
| images | sì | sì | sì | sì | sì |
Sintassi
document.imagesProprietà
| Proprietà | Descrizione |
|---|---|
| length | Restituisce il numero di <img> elementi della collezione. Nota: questa proprietà è di sola lettura |
metodi
| Metodo | Descrizione |
|---|---|
| [ index ] | Restituisce il <img> elemento della collezione con l'indice specificato (starts at 0) . Nota: Restituisce null se il numero di indice è fuori portata |
| item( index ) | Restituisce il <img> elemento della collezione con l'indice specificato (starts at 0) . Nota: Restituisce null se il numero di indice è fuori portata |
| namedItem( id ) | Restituisce il <img> elemento della collezione con l'ID specificato. Nota: restituisce null se l'ID non esiste |
Dettagli tecnici
| DOM Versione: | Nucleo livello di oggetto di documento 1 |
|---|---|
| Valore di ritorno: | Un oggetto HTMLCollection, in rappresentanza di tutti <img> elementi nel documento. Gli elementi della collezione sono ordinati come appaiono nel codice sorgente |
Altri esempi
Esempio
[Index]
Ottenere l'URL della prima <img> elemento (index 0) nel documento:
var x = document.images[0].src;Il risultato di x sarà:
http://www.w3ii.com/jsref/klematis.jpg Prova tu stesso " Esempio
item( index )
Ottenere l'URL della prima <img> elemento (index 0) nel documento:
var x = document.images.item(0).src;Il risultato di x sarà:
http://www.w3ii.com/jsref/klematis.jpg Prova tu stesso " Esempio
namedItem( id )
Ottenere l'URL del <img> elemento con id = "myImg" nel documento:
var x = document.images.namedItem("myImg").src;Il risultato di x sarà:
http://www.w3ii.com/jsref/smiley.gif Prova tu stesso " Esempio
Aggiungere un bordo punteggiato nero per la prima <img> elemento nel documento:
document.images[0].style.border = "10px dotted black"; Prova tu stesso " Esempio
Loop attraverso tutti <img> elementi nel documento, e l'uscita l'URL (src) di ogni immagine:
var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length;
i++) {
txt = txt + x[i].src + "<br>";
}Il risultato di txt sarà:
http://www.w3ii.com/jsref/klematis.jpg
http://www.w3ii.com/jsref/klematis2.jpg
http://www.w3ii.com/jsref/smiley.gif Prova tu stesso " Pagine correlate
Di riferimento JavaScript: HTML DOM Oggetto Immagine
Tutorial HTML: Immagini HTML
Di riferimento HTML: HTML <img> tag
<Document Object