MediaList: length property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

The read-only length property of the MediaList interface returns the number of media queries in the list.

Value

A positive integer.

Examples

The following would log to the console the number of media queries stored in the MediaList associated with the first stylesheet applied to the current document.

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

Specifications

Specification
CSS Object Model (CSSOM)
# dom-medialist-length

Browser compatibility

desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
length