MediaList

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

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

实例属性

MediaList.mediaText

一个 字符串化器,它返回一个表示 MediaList 作为文本的字符串,并且还允许您设置新的 MediaList

MediaList.length 只读

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

实例方法

MediaList.appendMedium()

将媒体查询添加到 MediaList

MediaList.deleteMedium()

MediaList 中删除媒体查询。

MediaList.item()

一个 getter,它返回一个表示媒体查询作为文本的字符串,给定媒体查询在 MediaList 中的索引值。此方法也可以使用方括号 ([]) 语法调用。

示例

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

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

规范

规范
CSS 对象模型 (CSSOM)
# the-medialist-interface

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。