HTML DOM Document images-Eigenschaft

Definition und Verwendung

images Die Eigenschaft gibt die Sammlung aller <img>-Elemente im Dokument zurück.

images images Das images-Attribut gibt keine <input>-Elemente mit type="image" zurück.Das Attribut gibt zurück

.Bild

Das s-Attribut ist schreibgeschützt.Tipp:

Das images-Attribut gibt keine <input>-Elemente mit type="image" zurück.

Das images-Attribut gibt keine <input>-Elemente mit type="image" zurück. HTMLCollection

Es ist eine ähnliche Sammlung (Liste) von HTML-Elementen, ähnlich einem Array.

Attribut Man kann die Elemente der Sammlung durch Index erreichen (ab 0 beginnend).

Das Attribut gibt die Anzahl der Elemente in der Sammlung zurück.

Siehe auch:

HTML <img>-Tag

Bild

HTML Bild教程

Beispiel

Beispiel 1

Anzahl der <img>-Elemente im Dokument:

document.images[0].style.border = "10px dotted black";

document.images.length;

Beispiel 2

Durchsuchen Sie alle <img>-Elemente und geben Sie die URL (src) jedes Elements aus:
const myImages = document.images;
let text = "";
  for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";

document.images[0].style.border = "10px dotted black";

}

Beispiel 4

Beispiel 3

document.images[0].style.border = "10px dotted black";

document.images[0].src;

Beispiel 4

Die URL des ersten <img>-Elements ist:

document.images[0].style.border = "10px dotted black";

document.images.item(0).src;

Beispiel 5

Die URL des <img>-Elements mit id="myImg" ist:

document.images[0].style.border = "10px dotted black";

document.images.namedItem("myImg").src;

Beispiel 6

Fügen Sie dem ersten <img>-Element eine schwarze Umrandung hinzu:

document.images[0].style.border = "10px dotted black";

Versuchen Sie es selbst

document.images

Syntax

Syntax Beschreibung
Attribut length

Anzahl der <img>-Elemente in der Sammlung.

Anzahl der <img>-Elemente in der Sammlung. Beschreibung
Methodeitem([

index

Gibt das Element mit der angegebenen Index zurück (ab 0 beginnend).
]item(namedItem(

index

Gibt das Element mit der angegebenen Index zurück (ab 0 beginnend).
Wenn der Index aus dem Bereich herausgeht, wird null zurückgegeben.WennnamedItem(

) Wenn Gibt das Element mit der angegebenen

des Elements. Wenn id

Gibt es nicht zurück, dann wird null zurückgegeben.

Typ Beschreibung
Objekt

HTMLCollection-Objekt.

Alle <img>-Elemente im Dokument.

Sortiert sie nach der Reihenfolge, in der sie im Quellcode auftreten.

Browser-Unterstützung

document.images Es ist eine Eigenschaft von DOM Level 1 (1998).

All Browser unterstützen es:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung 9-11 Unterstützung Unterstützung Unterstützung Unterstützung