HTML DOM Dokument beelde
Voorbeeld
Die aantal <img>-elemente in die dokument:
document.images.length;
Loop oor alle <img>-elemente en voer die URL (src) van elk uit:
const myImages = document.images;
let text = "";
for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";
}
Die URL van die eerste <img> element is:
document.images[0].src;
Die URL van die eerste <img> element is:
document.images.item(0).src;
Meer voorbeelde hieronder.
Definisie en gebruik
Die images
eiendom gee 'n versameling van alle <img>-elemente in 'n dokument terug.
Die images
eiendom gee 'n HTMLCollection terug .
Die images
eiendom is leesalleen.
Let wel
Die images
eienskap gee nie <input>-elemente met type="image" terug nie.
Sien ook:
HTML-versameling
'n HTMLCollection is 'n versameling HTML-nodusse.
Nodusse in 'n versameling kan verkry word deur indeksnommers. Die indeks begin by 0.
Die lengte Eiendom gee die aantal elemente in die versameling terug.
Sintaksis
document.images
Eienskappe
Property | Description |
length | The number of <img> elements in the collection. |
Metodes
Method | Description |
[index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
Terugkeerwaarde
Tik | Beskrywing |
Voorwerp | 'n HTMLCollection-objek. Alle <img>-elemente in die dokument. Die elemente word gesorteer soos dit in die dokument verskyn. |
Meer voorbeelde
Die URL van die <img>-element met id="myImg" is:
document.images.namedItem("myImg").src;
Voeg 'n swart rand by die eerste <img>-element:
document.images[0].style.border = "10px dotted black";
Blaaierondersteuning
document.images
is 'n DOM Vlak 1 (1998) kenmerk.
Dit word ten volle ondersteun in alle blaaiers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |