Image src-Attribut

HTML DOM Image-Objekt

Definition und Verwendung

src Einstellen oder zurückgeben von Attributswerten für das Bild src-Attribut Wert.

Notwendig src-Attribut Bestimmt die URL des Bildes.

Hinweis:Das src-Attribut kann jederzeit geändert werden. Wenn jedoch keine neuen Höhe- und Breitenattribute angegeben sind, wird das neue Bild die Höhe- und Breitenattribute des ursprünglichen Bildes übernehmen.

Beispiel

Beispiel 1

Ändern Sie die URL des Bildes:

document.getElementById("myImg").src = "wuhan.jpg";

Probieren Sie es selbst aus

Beispiel 2

Rückgabe der URL des Bildes:

var x = document.getElementById("myImg").src;

Probieren Sie es selbst aus

Syntax

Rückgabe des src-Attributs:

imageObject.src

Setzen Sie das src-Attribut:

imageObject.src = URL

Wert des Attributes

Wert Beschreibung
URL

Bestimmt die URL des Bildes.

Mögliche Werte:

  • Absoluter URL - Verweist auf eine andere Website (z.B. src="http://www.example.com/default.htmls")
  • Relativer URL - Verweist auf Dateien innerhalb der Website (z.B. src="default.html"))

Technische Details

Rückgabewert: Zeichenkettenwert, der die URL des Bildes darstellt. Gibt die gesamte URL zurück, einschließlich des Protokolls (z.B. http://).

Browserkompatibilität

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

Verwandte Seiten

HTML-Referenzhandbuch:HTML <img> src-Attribut

HTML DOM Image-Objekt