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.
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. DieHTMLSourceElement.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 dieload
-Methode des ElternteilsHTMLMediaElement
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 Standard # htmlsourceelement |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Das HTML-Element, das diese Schnittstelle implementiert:
<source>
. - Die HTML-DOM-APIs der Elemente, die ein
<source>
-Element enthalten können:HTMLVideoElement
,HTMLAudioElement
,HTMLPictureElement
.