HTMLStyleElement: Eigenschaft sheet
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die schreibgeschützte Eigenschaft sheet der Schnittstelle HTMLStyleElement enthält das Stylesheet, das diesem Element zugeordnet ist.
Wert
Ein CSSStyleSheet-Objekt oder null, wenn dem Element kein Stylesheet zugeordnet ist.
Beispiele
Angenommen, der <head> enthält Folgendes:
html
<style id="inline-style">
p {
color: blue;
}
</style>
Die Eigenschaft sheet des zugehörigen HTMLStyleElement-Objekts gibt das CSSStyleSheet-Objekt zurück, das das Stylesheet beschreibt.
js
const style = document.getElementById("inline-style");
console.log(style.sheet.cssRules[0].cssText); // 'p { color: blue; }'
Spezifikationen
| Spezifikation |
|---|
| CSS Object Model (CSSOM) # dom-linkstyle-sheet |