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.
mediaText
は MediaList
インターフェイスの文字列化プロパティで、この MediaList
をテキストとして表す文字列を返します。新しい MediaList
を設定することもできます。
値
スタイルシートのメディアクエリーを表す文字列です。それぞれは、 screen and (min-width: 480px), print
のようにカンマで区切られます。
ドキュメントに新しいメディアクエリーを設定したい場合は、 screen, print
のように、カンマで区切って文字列を指定する必要があります。 MediaList
は生きたリストであることに注意してください。 mediaText
によってリストを更新すると、ドキュメントの動作がすぐに更新されます。
また、 mediaText
に null
を設定しようとすると、空文字列として扱われ、その値は ""
に設定されることに注意してください。
例
次の例は、現在のドキュメントに適用された最初のスタイルシートの 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