CSSImportRule:media 属性

基线 广泛可用

此功能已建立良好,并在许多设备和浏览器版本中都能正常使用。自 2015 年 7 月.

报告反馈

CSSImportRule 接口的只读 media 属性返回一个 MediaList 对象,其中包含关联样式表的 media 属性的值。

返回一个 MediaList 对象。

示例

获取 media 属性

以下样式表包含单个 @import 规则。因此,CSS 规则列表中的第一项将是 CSSImportRulemedia 属性返回一个 MediaList 对象。这包括 mediaText 属性,其值为 screen

css
@import url("style.css") screen;
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); //returns a MediaList

设置 media 属性

要更改关联样式表的 media 属性,请将 media 的值设置为包含新值的字符串。

js
let myRules = document.styleSheets[0].cssRules;
myRules[0].media = "print";

规范

规范
CSS 对象模型 (CSSOM)
# dom-cssimportrule-media

浏览器兼容性

BCD 表格仅在浏览器中加载