Beispiel
Finden Sie heraus , wie viele <img> Elemente es in dem Dokument sind:
var x = document.images.length;Das Ergebnis von x wird sein:
3 Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Bilder Sammlung gibt eine Auflistung aller <img> -Elemente im Dokument.
Note: Die Elemente in der Sammlung sortiert werden , wie sie im Quelltext angezeigt.
Hinweis: Die Bilder Sammlung nicht eine Sammlung von zurückgibt <input> Elemente mit type = „image“.
Tipp: Auch der Blick auf Bild - Objekt .
Browser-Unterstützung
| Sammlung | |||||
|---|---|---|---|---|---|
| images | Ja | Ja | Ja | Ja | Ja |
Syntax
document.imagesEigenschaften
| Eigentum | Beschreibung |
|---|---|
| length | Gibt die Anzahl der <img> Elemente in der Sammlung. Hinweis: Diese Eigenschaft ist schreibgeschützt |
Methods
| Methode | Beschreibung |
|---|---|
| [ index ] | Gibt das <img> Element aus der Sammlung mit dem angegebenen Index (starts at 0) . Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs |
| item( index ) | Gibt das <img> Element aus der Sammlung mit dem angegebenen Index (starts at 0) . Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs |
| namedItem( id ) | Gibt das <img> Element aus der Sammlung mit der angegebenen ID. Hinweis: Gibt null zurück , wenn die ID nicht existiert |
Technische Details
| DOM Version: | Core Level 1 Document Object |
|---|---|
| Rückgabewert: | Ein HTMLCollection Objekt, stellvertretend für alle <img> -Elemente im Dokument. Die Elemente in der Sammlung werden sortiert, wie sie im Quelltext erscheinen |
Mehr Beispiele
Beispiel
[Index]
Holen Sie sich das URL des ersten <img> Element (index 0) in dem Dokument:
var x = document.images[0].src;Das Ergebnis von x wird sein:
http://www.w3ii.com/jsref/klematis.jpg Versuch es selber " Beispiel
item( index )
Holen Sie sich das URL des ersten <img> Element (index 0) in dem Dokument:
var x = document.images.item(0).src;Das Ergebnis von x wird sein:
http://www.w3ii.com/jsref/klematis.jpg Versuch es selber " Beispiel
namedItem( id )
Holen Sie die URL des <img> Element mit id = "myImg" in dem Dokument:
var x = document.images.namedItem("myImg").src;Das Ergebnis von x wird sein:
http://www.w3ii.com/jsref/smiley.gif Versuch es selber " Beispiel
In eine schwarze punktierte Grenze zum ersten <img> Elemente im Dokument:
document.images[0].style.border = "10px dotted black"; Versuch es selber " Beispiel
Schleife durch all <img> -Elemente im Dokument, und gibt die URL (src) jedes Bild:
var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length;
i++) {
txt = txt + x[i].src + "<br>";
}Das Ergebnis der txt wird:
http://www.w3ii.com/jsref/klematis.jpg
http://www.w3ii.com/jsref/klematis2.jpg
http://www.w3ii.com/jsref/smiley.gif Versuch es selber " Verwandte Seiten
JavaScript - Referenz: HTML DOM Bildobjekt
HTML - Tutorial: HTML Images
HTML - Referenz: HTML <img> -Tag
<Document Object