HTMLStyleElement: sheet-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 sheet-Eigenschaft der HTMLStyleElement-Schnittstelle
enthält das Stylesheet, das mit diesem Element verknüpft ist.
Ein StyleSheet ist immer mit einem HTMLStyleElement verknüpft, es sei denn, sein type-Attribut ist nicht text/css.
Wert
Ein StyleSheet-Objekt oder null, wenn keines mit dem Element verknüpft ist.
Beispiele
Angenommen, der <head> enthält Folgendes:
html
<style id="inline-style">
p {
color: blue;
}
</style>
Die sheet-Eigenschaft des zugehörigen HTMLStyleElement-Objekts gibt das StyleSheet-Objekt zurück, das es beschreibt.
js
const style = document.getElementById("inline-style");
console.log(style.sheet.cssRules[0].cssText); // 'p { color: blue; }'
Spezifikationen
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-linkstyle-sheet |