Exemplu
Aflați cât de multe <img> elemente există în document:
var x = document.images.length;
Rezultatul x va fi:
3
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Colecția de imagini returnează o colecție de toate <img> elemente din document.
Note: Elementele din colecție sunt sortate așa cum apar în codul sursă.
Notă: Colecția de imagini nu returnează o colecție de <input> elemente cu tipul = „imagine“.
Sfat: De asemenea , uita - te la obiect Image .
Suport pentru browser-
Colectie | |||||
---|---|---|---|---|---|
images | da | da | da | da | da |
Sintaxă
document.images
Proprietăți
Proprietate | Descriere |
---|---|
length | Returnează numărul de <img> elemente din colecție. Notă: Această proprietate este read-only |
metode
Metodă | Descriere |
---|---|
[ index ] | Returnează <img> elementul din colecția cu indicele specificat (starts at 0) de (starts at 0) . Notă: Returnează null dacă numărul de index este în afara intervalului |
item( index ) | Returnează <img> elementul din colecția cu indicele specificat (starts at 0) de (starts at 0) . Notă: Returnează null dacă numărul de index este în afara intervalului |
namedItem( id ) | Returnează <img> elementul din colecția cu id - ul specificat. Nota: returneaza null daca id - ul nu există |
Detalii tehnice
DOM Versiune: | Nivelul Core 1 Document Object |
---|---|
Întoarcere Valoare: | Un obiect HTMLCollection, reprezentând toate <img> elemente din document. Elementele din colecție sunt sortate așa cum apar în codul sursă |
Mai multe exemple
Exemplu
[Index]
Ia URL - ul primei <img> elementul (index 0) în document:
var x = document.images[0].src;
Rezultatul x va fi:
http://www.w3ii.com/jsref/klematis.jpg
Încearcă - l singur » Exemplu
item( index )
Ia URL - ul primei <img> elementul (index 0) în document:
var x = document.images.item(0).src;
Rezultatul x va fi:
http://www.w3ii.com/jsref/klematis.jpg
Încearcă - l singur » Exemplu
namedItem( id )
Ia URL - ul <img> elementul cu id = "myImg" în document:
var x = document.images.namedItem("myImg").src;
Rezultatul x va fi:
http://www.w3ii.com/jsref/smiley.gif
Încearcă - l singur » Exemplu
Adăugați un chenar punctat negru la primul <img> element din document:
document.images[0].style.border = "10px dotted black";
Încearcă - l singur » Exemplu
Bucla prin toate <img> elemente în document, și de ieșire URL - ul (src) din fiecare imagine:
var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length;
i++) {
txt = txt + x[i].src + "<br>";
}
Rezultatul txt va fi:
http://www.w3ii.com/jsref/klematis.jpg
http://www.w3ii.com/jsref/klematis2.jpg
http://www.w3ii.com/jsref/smiley.gif
Încearcă - l singur » Pagini similare
Referință JavaScript: HTML DOM Obiectul Image
Tutorial HTML: HTML Imagini
HTML de referință: HTML <img> tag
<Document Object