MediaList
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
MediaList インターフェイスはスタイルシートのメディアクエリーを表します。例えば、 <link> 要素の media 属性で設定されるものです。
メモ:
MediaList は生きたリストです。以下のプロパティやメソッドを使用して更新すると、直ちに文書の動作が更新されます。
プロパティ
MediaList.mediaText-
文字列化プロパティであり、
MediaListをテキストとして表す文字列を返し、また新しいMediaListを設定することができます。 MediaList.length読取専用-
この
MediaListにあるメディアクエリーの数を返します。
メソッド
MediaList.appendMedium()-
MediaListにメディアクエリーを追加します。 MediaList.deleteMedium()-
MediaListからメディアクエリーを削除します。 MediaList.item()-
メディアクエリーをテキストとして返すゲッターです。メディアクエリーの
MediaList内での位置を指定します。
例
以下は、現在の文書に適用された最初のスタイルシートの MediaList のテキスト表現をコンソールにログ出力するものです。
css
const stylesheets = document.styleSheets;
let stylesheet = stylesheets[0];
console.log(stylesheet.media.mediaText);
仕様書
| 仕様書 |
|---|
| CSS Object Model (CSSOM) # the-medialist-interface |