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

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.

const style = document.getElementById("inline-style");
console.log(style.sheet.cssRules[0].cssText); // 'p { color: blue; }'

Specification
CSS Object Model (CSSOM) # dom-linkstyle-sheet

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.