HTMLSourceElement

Das HTMLSourceElement-Interface bietet spezielle Eigenschaften (über die reguläre HTMLElement-Objektschnittstelle hinaus, die es auch durch Vererbung zur Verfügung hat) zur Manipulation von <source>-Elementen.

EventTarget Node Element HTMLElement HTMLSourceElement

Instanz-Eigenschaften

Erbt Eigenschaften von seinem Elternteil, HTMLElement.

HTMLSourceElement.height

Eine Zahl, die das HTML-Attribut height widerspiegelt und die Höhe der Bildressource in CSS-Pixeln angibt. Die Eigenschaft hat nur eine Bedeutung, wenn das Elternteil des aktuellen <source>-Elements ein <picture>-Element ist.

HTMLSourceElement.media

Ein String, der das HTML-Attribut media widerspiegelt und den beabsichtigten Typ der Medienressource enthält.

HTMLSourceElement.sizes

Ein String, der die Bildgrößen zwischen den Breakpoints repräsentiert.

HTMLSourceElement.src

Ein String, der das HTML-Attribut src widerspiegelt und die URL der Medienressource enthält. Die HTMLSourceElement.src-Eigenschaft hat nur dann eine Bedeutung, wenn das zugehörige <source>-Element in einem Medienelement verschachtelt ist, das ein <video>- oder ein <audio>-Element ist. Sie hat keine Bedeutung und wird ignoriert, wenn sie in einem <picture>-Element verschachtelt ist.

Hinweis: Wenn die src-Eigenschaft (zusammen mit allen Geschwistern) aktualisiert wird, sollte die load-Methode des Elternteils HTMLMediaElement aufgerufen werden, wenn die Aktualisierung abgeschlossen ist, da <source>-Elemente nicht automatisch neu gescannt werden.

HTMLSourceElement.srcset

Ein String, der das HTML-Attribut srcset widerspiegelt und eine Liste von Bildkandidaten enthält, getrennt durch ein Komma (',', U+002C COMMA). Ein Bildkandidat ist eine URL, gefolgt von einem 'w' mit der Breite der Bilder oder einem 'x', gefolgt von der Pixeldichte.

HTMLSourceElement.type

Ein String, der das HTML-Attribut type widerspiegelt und den Typ der Medienressource enthält.

HTMLSourceElement.width

Eine Zahl, die das HTML-Attribut width widerspiegelt und die Breite der Bildressource in CSS-Pixeln angibt. Die Eigenschaft hat nur eine Bedeutung, wenn das Elternteil des aktuellen <source>-Elements ein <picture>-Element ist.

Instanz-Methoden

Keine spezifische Methode; erbt Methoden von seinem Elternteil, HTMLElement.

Spezifikationen

Specification
HTML
# htmlsourceelement

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
HTMLSourceElement
height
media
sizes
src
srcset
type
width

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.

Siehe auch