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 Juli 2015.
Die schreibgeschützte media-Eigenschaft der CSSImportRule-Schnittstelle gibt ein MediaList-Objekt zurück, welches den Wert des media-Attributes des zugehörigen Stylesheets enthält.
Wert
Gibt ein MediaList-Objekt zurück.
Der Wert von media kann gesetzt werden, indem ein String mit dem media-Attribut übergeben wird; zum Beispiel "print".
Beispiele
Die media-Eigenschaft abrufen
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 "style.css" screen;
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); // A MediaList
Die media-Eigenschaft setzen
Um das media-Attribut des zugehörigen Stylesheets zu ändern, setzen Sie den Wert von media auf einen String mit dem neuen Wert.
const myRules = document.styleSheets[0].cssRules;
myRules[0].media = "print";
Spezifikationen
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssimportrule-media |
Browser-Kompatibilität
Loading…