MediaList: mediaText 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

MediaList 介面的 mediaText 屬性是一個 stringifier,它返回一個代表 MediaList 的文字字串,並且也允許你設定一個新的 MediaList

一個代表樣式表的媒體查詢的字串。每個查詢之間用逗號分隔,例如 screen and (width >= 480px), print

如果你想為文件設定新的媒體查詢,字串值必須用逗號分隔不同的查詢,例如 screen, print。請注意,MediaList 是一個即時列表;透過 mediaText 更新列表將立即更新文件的行為。

當設定為 null 值時,該 null 值會被轉換為空字串 (""),所以 ml.mediaText = null 等同於 ml.mediaText = ""

示例

以下程式碼會將應用於當前文件的第一個樣式表的 MediaList 的文字表示形式記錄到控制檯。

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

規範

規範
CSS 物件模型 (CSSOM)
# dom-medialist-mediatext

瀏覽器相容性