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

浏览器兼容性