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 July 2015.

Die schreibgeschützte sheet-Eigenschaft der HTMLStyleElement-Schnittstelle enthält das Stylesheet, das diesem Element zugeordnet ist.

Ein StyleSheet ist immer einem HTMLStyleElement zugeordnet, 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 wird das StyleSheet-Objekt, das es beschreibt, zurückgeben.

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

Browser-Kompatibilität