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

瀏覽器相容性