Proprietà HTML DOM Document images
- Pagina precedente head
- Pagina successiva implementation
- Torna alla pagina precedente Documents DOM HTML
Definizione e uso
images Restituisce l'insieme di tutti gli elementi <img> del documento.
images images L'attributo images non restituisce gli elementi <input> con type="image".Proprietà restituisce
.image
L'attributo s è readonly.Suggerimento:
L'attributo images non restituisce gli elementi <input> con type="image".
L'attributo images non restituisce gli elementi <input> con type="image". HTMLCollection
È una raccolta di elementi HTML simile a un array (lista).
Proprietà Puoi accedere agli elementi della raccolta tramite indice (partendo da 0).
Proprietà restituisce il numero di elementi nella raccolta.
Guida HTML immagine
Esempio
Esempio 1
Il numero di elementi <img> nel documento:
document.images[0].style.border = "10px dotted black";
document.images.length;
Esempio 2
Esegui un ciclo su tutti gli elementi <img> e visualizza l'URL di ciascun elemento (src):
const myImages = document.images;
let text = "";
for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";
document.images[0].style.border = "10px dotted black";
}
Esempio 4
Esempio 3
document.images[0].style.border = "10px dotted black";
document.images[0].src;
Esempio 4
L'URL della prima immagine <img> è:
document.images[0].style.border = "10px dotted black";
document.images.item(0).src;
Esempio 5
L'URL dell'elemento <img> con id="myImg" è:
document.images[0].style.border = "10px dotted black";
document.images.namedItem("myImg").src;
Esempio 6
Aggiungi un bordo nero alla prima immagine <img>:
Prova tu stesso
document.images
Sintassi
| Sintassi | Descrizione |
|---|---|
| Proprietà | length |
Il numero di elementi <img> nella raccolta.
| Il numero di elementi <img> nella raccolta. | Descrizione |
|---|---|
| Metodiitem([ |
index Restituisce l'elemento con specificato indice (partendo da 0). |
| ]item(namedItem( |
index Restituisce l'elemento con specificato indice (partendo da 0). |
| Se l'indice è fuori dall'intervallo, restituisce null.SenamedItem( |
) Se Restituisce l'elemento con specificato di un elemento. Se id |
Se non esiste, restituisce null.
| Tipo | Descrizione |
|---|---|
| Oggetto |
Oggetto HTMLCollection. Tutti gli elementi <img> nel documento. Ieri ordinati secondo l'ordine di apparizione nel codice sorgente. |
Supporto del browser
document.images È una caratteristica DOM Level 1 (1998).
Tutti i browser lo supportano:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Supporto | 9-11 | Supporto | Supporto | Supporto | Supporto |
- Pagina precedente head
- Pagina successiva implementation
- Torna alla pagina precedente Documents DOM HTML
