Ultimele tutoriale de dezvoltare web
 

HTML DOM imagini Colectia

<Document Object

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ă

Exemple

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