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 July 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 Medienabfragen eines Stylesheets darstellt. Jede ist durch ein Komma getrennt, zum Beispiel screen and (width >= 480px), print.
Wenn Sie neue Medienabfragen im Dokument festlegen möchten, muss der Stringwert die verschiedenen Abfragen durch Kommas getrennt haben, z.B. screen, print. Beachten Sie, dass die MediaList eine Live-Liste ist; das Aktualisieren der Liste über mediaText wird das Verhalten des Dokuments sofort 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 Beispiel würde eine textuelle Darstellung der MediaList des ersten Stylesheets, das auf das aktuelle Dokument angewendet wurde, in der Konsole protokollieren.
const stylesheets = document.styleSheets;
let stylesheet = stylesheets[0];
console.log(stylesheet.media.mediaText);
Spezifikationen
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-medialist-mediatext |