CSSImportRule: media-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die schreibgeschützte media-Eigenschaft des
CSSImportRule-Interfaces gibt ein MediaList-Objekt zurück,
das den Wert des media-Attributs des zugehörigen Stylesheets enthält.
Wert
Gibt ein MediaList-Objekt zurück.
Der Wert von media kann festgelegt werden, indem eine Zeichenkette übergeben wird, die das media-Attribut enthält; zum Beispiel "print".
Beispiele
Abrufen der media-Eigenschaft
Das folgende Stylesheet enthält eine einzige @import-Regel. Daher wird das
erste Element in der Liste der CSS-Regeln eine CSSImportRule sein. Die
media-Eigenschaft gibt ein MediaList-Objekt zurück. Dies schließt
die mediaText-Eigenschaft mit einem Wert von screen ein.
@import url("style.css") screen;
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); // A MediaList
Festlegen der media-Eigenschaft
Um das media-Attribut des zugehörigen Stylesheets zu ändern, setzen Sie den Wert von media auf eine Zeichenkette mit dem neuen Wert.
const myRules = document.styleSheets[0].cssRules;
myRules[0].media = "print";
Spezifikationen
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssimportrule-media |