HTML-DOM-Dokumentbilder
Beispiel
Die Anzahl der <img>-Elemente im Dokument:
document.images.length;
Schleife über alle <img> Elemente und gib die URL (src) von jedem aus:
const myImages = document.images;
let text = "";
for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";
}
Die URL des ersten <img>-Elements lautet:
document.images[0].src;
Die URL des ersten <img>-Elements lautet:
document.images.item(0).src;
Weitere Beispiele unten.
Definition und Verwendung
Die imagesEigenschaft gibt eine Auflistung aller <img>-Elemente in einem Dokument zurück.
Die imagesEigenschaft gibt eine HTMLCollection zurück .
Die imagesEigenschaft ist schreibgeschützt.
Notiz
Die imagesEigenschaft gibt keine <input>-Elemente mit type="image" zurück.
Siehe auch:
HTMLCollection
Eine HTMLCollection ist eine Sammlung von HTML-Knoten.
Auf Knoten in einer Sammlung kann über Indexnummern zugegriffen werden. Der Index beginnt bei 0.
Die Eigenschaft length gibt die Anzahl der Elemente in der Sammlung zurück.
Syntax
document.images
Eigenschaften
| Property | Description |
| length | The number of <img> elements in the collection. |
Methoden
| 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. |
Rückgabewert
| Typ | Beschreibung |
| Objekt | Ein HTMLCollection-Objekt. Alle <img>-Elemente im Dokument. Die Elemente werden so sortiert, wie sie im Dokument erscheinen. |
Mehr Beispiele
Die URL des <img>-Elements mit id="myImg" lautet:
document.images.namedItem("myImg").src;
Fügen Sie dem ersten <img>-Element einen schwarzen Rand hinzu:
document.images[0].style.border = "10px dotted black";
Browser-Unterstützung
document.images ist eine Funktion von DOM Level 1 (1998).
Es wird in allen Browsern vollständig unterstützt:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |