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 的浏览器中加载。