HTMLImageElement: currentSrc-Eigenschaft

Die currentSrc-Eigenschaft der HTMLImageElement-Schnittstelle ist eine schreibgeschützte Eigenschaft, die die URL des Bildes angibt, das vom Browser zum Laden ausgewählt wurde.

In diesem Artikel

Wert

Ein String, der die vollständige URL des Bildes angibt, das aktuell vom Browser zum Laden ausgewählt wurde. Wenn das Bild das srcset-Attribut verwendet, ermöglicht currentSrc es Ihnen zu bestimmen, welches Bild aus dem Satz bereitgestellter Bilder vom Browser ausgewählt wurde. Der Wert der Eigenschaft ist unabhängig davon, ob das Bild erfolgreich geladen wurde oder nicht.

Beispiele

Testen, welches Bild geladen wird

In diesem Beispiel werden zwei verschiedene Größen für ein Bild einer Uhr bereitgestellt. Eine ist 200px breit und die andere 400px breit. Das sizes-Attribut wird bereitgestellt, um anzuzeigen, dass das Bild bei einer Dokumentbreite von 50% gezeichnet werden sollte, wenn der Ansichtsbereich unter 400px breit ist; ansonsten wird das Bild mit 90% der Dokumentbreite gezeichnet.

HTML

html
<img
  src="/en-US/docs/Web/HTML/Reference/Elements/img/clock-demo-400px.png"
  alt="Clock"
  srcset="
    /en-US/docs/Web/HTML/Reference/Elements/img/clock-demo-200px.png 200w,
    /en-US/docs/Web/HTML/Reference/Elements/img/clock-demo-400px.png 400w
  "
  sizes="(width <= 400px) 50%, 90%" />

JavaScript

js
const clockImage = document.querySelector("img");
const p = document.createElement("p");

p.textContent = clockImage.currentSrc.endsWith("200px.png")
  ? "Using the 200px image!"
  : "Using the 400px image.";
document.body.appendChild(p);

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
HTMLImageElement
Konstruktor
1. Image()
Instanzeigenschaften
Instanzmethoden
1. decode()
Vererbung
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung

HTMLImageElement: currentSrc-Eigenschaft

In diesem Artikel

Wert

Beispiele

Testen, welches Bild geladen wird

HTML

JavaScript

Ergebnis

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN