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.

js
const stylesheets = document.styleSheets;
let stylesheet = stylesheets[0];
console.log(stylesheet.media.mediaText);

Spezifikationen

Specification
CSS Object Model (CSSOM)
# dom-medialist-mediatext

Browser-Kompatibilität