HTMLStyleElement : propriété sheet - Les API Web | MDN
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La propriété en lecture seule sheet de l'interface HTMLStyleElement contient la feuille de style associée à cet élément.
Un objet StyleSheet est toujours associé à un HTMLStyleElement, sauf si son attribut type n'est pas text/css.
Valeur
Un objet StyleSheet, ou null s'il n'y en a pas d'associé à l'élément.
Exemples
Supposons que l'en-tête <head> contienne ce qui suit :
html
<style id="inline-style">
p {
color: blue;
}
</style>
La propriété sheet de l'objet HTMLStyleElement associé retournera l'objet StyleSheet qui le décrit.
js
const style = document.getElementById("inline-style");
console.log(style.sheet.cssRules[0].cssText); // 'p { color: blue; }'
Spécifications
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-linkstyle-sheet |