MediaList: item() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

MediaList 接口的 item() 方法返回指定 index 处的媒体查询,如果指定的 index 不存在,则返回 null

语法

js
item(index)
[index]

注意: 可以使用方括号 ([]) 语法代替 item() 语法。

参数

index

一个整数。

返回值

如果使用方括号 ([]) 语法,并且给定索引没有条目,则返回 undefined

示例

以下将控制台输出附加到当前文档的第一个样式表关联的 MediaList 中存储的每个媒体查询。

js
const stylesheet = document.styleSheets[0];
console.log(stylesheet.media.length);
console.log(stylesheet.media.item(0)); // Returns a string like "print"
console.log(stylesheet.media.item(5)); // Returns null if there is no 5th entry
console.log(stylesheet.media[1]); // Returns a string like "print"
console.log(stylesheet.media[5]); // Returns undefined if there is no 5th entry

规范

规范
CSS 对象模型 (CSSOM)
# dom-medialist-item

浏览器兼容性