MediaList: свойство mediaText
Базовая Широко доступна
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с сентября 2015 года.
Свойство mediaText интерфейса MediaList — это строковый конвертер, который возвращает строку, представляющую MediaList в виде текста, и также позволяет задать новое MediaList.
Значение
Строка, представляющая запросы медиа для таблицы стилей. Каждый запрос отделяется запятой, например screen and (min-width: 480px), print.
Если вы хотите задать новые запросы медиа в документе, строка должна содержать различные запросы, разделенные запятыми, например screen, print. Обратите внимание, что MediaList — это список в режиме реального времени; обновление списка через mediaText немедленно обновит поведение документа.
При установке null значение null преобразуется в пустую строку (""), поэтому ml.mediaText = null эквивалентно ml.mediaText = "".
Примеры
Следующий код выведет в консоль текстовое представление MediaList первой таблицы стилей, применённой к текущему документу.
const stylesheets = document.styleSheets; let stylesheet = stylesheets[0]; console.log(stylesheet.media.mediaText);
Спецификации
| Спецификация |
|---|
| CSS Object Model (CSSOM) # dom-medialist-mediatext |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
mediaText |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MediaList/mediaText