CSSMediaRule

Erbt Eigenschaften von seinen Vorfahren CSSConditionRule, CSSGroupingRule, und CSSRule.

CSSMediaRule.media Nur lesbar

Gibt eine MediaList zurück, die das vorgesehene Zielmedium für Stilinformationen darstellt.

Keine spezifischen Methoden; erbt Methoden von seinen Vorfahren CSSConditionRule, CSSGroupingRule, und CSSRule.

Das folgende CSS enthält eine Media Query mit einer Stilregel. Da diese Regel im letzten zum Dokument hinzugefügten Stylesheet enthalten ist, wird sie die erste CSSRule sein, die vom letzten Stylesheet im Dokument (document.styleSheets[document.styleSheets.length-1].cssRules) zurückgegeben wird. myRules[0] gibt ein CSSMediaRule Objekt zurück, von dem wir das mediaText erhalten können.

<p id="log"></p>

@media (min-width: 500px) {
  body {
    color: blue;
  }
}

const log = document.getElementById("log");
const myRules = document.styleSheets[document.styleSheets.length - 1].cssRules;
const mediaList = myRules[0]; // a CSSMediaRule representing the media query.
log.textContent += ` ${mediaList.media.mediaText}`;