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 der CSSImportRule-Schnittstelle 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 ein String übergeben wird, der das media-Attribut enthält; beispielsweise "print".
Beispiele
Abrufen der media-Eigenschaft
Das folgende Stylesheet enthält eine einzelne @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 beinhaltet die mediaText-Eigenschaft mit einem Wert von screen.
@import url("style.css") screen;
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); //returns a MediaList
Festlegen der media-Eigenschaft
Um das media-Attribut des zugehörigen Stylesheets zu ändern, setzen Sie den Wert von media auf einen String mit dem neuen Wert.
let myRules = document.styleSheets[0].cssRules;
myRules[0].media = "print";
Spezifikationen
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssimportrule-media |
Browser-Kompatibilität
BCD tables only load in the browser