MediaList.mediaText

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.

mediaTextMediaList インターフェイスの文字列化プロパティで、この MediaList をテキストとして表す文字列を返します。新しい MediaList を設定することもできます。

スタイルシートのメディアクエリーを表す文字列です。それぞれは、 screen and (min-width: 480px), print のようにカンマで区切られます。

ドキュメントに新しいメディアクエリーを設定したい場合は、 screen, print のように、カンマで区切って文字列を指定する必要があります。 MediaList は生きたリストであることに注意してください。 mediaText によってリストを更新すると、ドキュメントの動作がすぐに更新されます。

また、 mediaTextnull を設定しようとすると、空文字列として扱われ、その値は "" に設定されることに注意してください。

次の例は、現在のドキュメントに適用された最初のスタイルシートの MediaList のテキスト表現をコンソールにログ出力するものです。

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

仕様書

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

ブラウザーの互換性

BCD tables only load in the browser