The mediaText
property of the MediaList
interface is a stringifier that returns a DOMString
representing the MediaList
as text, and also allows you to set a new MediaList
.
Syntax
mediaListInstance.mediaText; mediaListInstance.mediaText = string;
Value
A DOMString
representing the media queries of a stylesheet. Each one is separated by a comma, for example screen and (min-width: 480px), print
.
If you wish to set new media queries on the document, the string value must have the different queries separated by commas, e.g.
Examples
The following would log to the console a textual representation of the MediaList
of the first stylesheet applied to the current document.
const stylesheets = document.styleSheets;
let stylesheet = stylesheets[0];
console.log(stylesheet.media.mediaText);
Specifications
Specification | Status | Comment |
CSS Object Model (CSSOM)The definition of 'mediaText' in that specification. | Working Draft |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
mediaText
|
Chrome
Full support Yes |
Edge
Full support ≤18 |
Firefox
Full support Yes |
IE
? |
Opera
Full support Yes |
Safari
Full support Yes |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
Full support Yes |
Opera Android
Full support Yes |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support Yes |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
MediaList.mediaText by Mozilla Contributors is licensed under CC-BY-SA 2.5.