MediaList: mediaText-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Die mediaText
-Eigenschaft der MediaList
Schnittstelle ist ein Stringifier, der einen String zurückgibt, der die
MediaList
als Text darstellt und es Ihnen auch ermöglicht, eine neue MediaList
festzulegen.
Wert
Ein String, der die Media-Queries eines Stylesheets darstellt. Jede Media-Query wird durch ein Komma getrennt, zum Beispiel
screen and (min-width: 480px), print
.
Wenn Sie neue Media-Queries im Dokument festlegen möchten, muss der String-Wert die
verschiedenen Queries durch Kommata getrennt enthalten, z. B. screen, print
. Beachten Sie, dass die
MediaList
eine Live-Liste ist; das Aktualisieren der Liste über
mediaText
wird sofort das Verhalten des
Dokuments aktualisieren.
Wenn der Wert auf null
gesetzt wird, wird dieser null
-Wert in den leeren String (""
) umgewandelt, sodass ml.mediaText = null
gleichbedeutend ist mit ml.mediaText = ""
.
Beispiele
Das Folgende würde eine textuelle Darstellung der
MediaList
des ersten Stylesheets, das auf das aktuelle Dokument angewendet wird, in die Konsole loggen.
const stylesheets = document.styleSheets;
let stylesheet = stylesheets[0];
console.log(stylesheet.media.mediaText);
Spezifikationen
Specification |
---|
CSS Object Model (CSSOM) # dom-medialist-mediatext |