MediaList
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
MediaList インターフェイスはスタイルシートのメディアクエリーを表します。例えば、 要素の 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);
仕様書
| Specification |
|---|
| CSS Object Model (CSSOM) # the-medialist-interface |