HTMLSourceElement: srcset-Eigenschaft

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Mrz 2017 browserbergreifend verfgbar.

Mehr erfahren
Vollstndige Kompatibilitt anzeigen

Die srcset-Eigenschaft des HTMLSourceElement-Interfaces ist ein String, der eine kommagetrennte Liste von Bildkandidaten enthlt.

Jeder Bildkandidat enthlt die URL einer Bildressource, die als Quelle fr das Element verwendet werden soll, und optional einen Deskriptor, der angibt, unter welchen Umstnden das Bild verwendet werden soll. Der Deskriptor ist entweder eine Zahl gefolgt von 'w', die die Breite des Elements angibt, oder eine Zahl gefolgt von 'x', die die Pixeldichte des Gerts angibt.

Er spiegelt das srcset-Attribut des <source>-Elements wider, das in einem <picture>-Element verschachtelt ist. Es hat keine Bedeutung und wird ignoriert, wenn es in einem <audio>- oder <video>-Element verschachtelt ist, die stattdessen das src-Attribut verwenden.

Wert

Ein String.

Beispiele

html

<picture>
  <source
    id="el"
    srcset="smile.png, smile-1.5x.png 1.5x, smile-2x.png 2x"
    type="image/png" />
</picture>

const el = document.getElementById("el");
console.log(el.srcset); // Output: "smile.png, smile-1.5x.png 1.5x, smile-large 800w"
el.srcset = "smile.png, smile-med.png 600w, smile-large.png 800w"; // Updates the srcset value

Spezifikationen

Spezifikation
HTML # dom-source-srcset

Browser-Kompatibilitt

Siehe auch

Help improve MDN

War diese bersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen knnen Diese Seite wurde automatisch aus dem Englischen bersetzt.

bersetzung auf GitHub anzeigen Fehler mit dieser bersetzung melden