MediaList - 表示样式表的媒体查询

MediaList 接口表示样式表的媒体查询，例如使用 <link> 元素的 media 属性设置的查询。

注意： MediaList 是一个实时列表；使用下面列出的属性或方法更新列表将立即更新文档的行为。

属性

MediaList.mediaText

一个可转换为字符串的值，它返回一个表示媒体列表文本 DOMString，也可以用于设置一个新的 MediaList。

MediaList.length 只读

返回 MediaList 中媒体查询的数量。

方法

MediaList.appendMedium()

将媒体查询添加到 MediaList。

MediaList.deleteMedium()

从 MediaList 中删除媒体查询。

MediaList.item()

根据给定媒体查询在 MediaList 中的索引值，返回一个 CSSOMString，表示媒体查询的文本内容。

实例

以下内容会将应用于当前文档的第一个样式表的 MediaList 的文本表示记录到控制台。

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

规范

规范
CSS Object Model (CSSOM) (CSSOM) # the-medialist-interface

桌面浏览器兼容性

暂无兼容数据