HTMLStyleElement: sheet-Eigenschaft

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

In diesem Artikel

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

Spezifikation

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

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
HTMLStyleElement
Instanzeigenschaften
1. blocking
2. disabled
3. media
4. sheet
5. type
Vererbung
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung