MediaList.mediaText

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