CSSStyleSheet: ownerRule-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

Die schreibgeschützte CSSStyleSheet-Eigenschaft ownerRule gibt die CSSImportRule zurück, die der @import-Regel entspricht, welche das Stylesheet in das Dokument importiert hat. Wenn das Stylesheet nicht mit @import in das Dokument importiert wurde, ist der zurückgegebene Wert null.

Wert

Eine CSSImportRule, die der @import-Regel entspricht, die das Stylesheet in das Dokument importiert hat. Wenn das Stylesheet nicht mit @import in das Dokument importiert wurde, ist der zurückgegebene Wert null.

Beispiele

Dieses Codebeispiel sucht nach Regeln, die nicht mit einer @import-Regel in das Dokument importiert wurden.

js
const ruleList = document.styleSheets[0].cssRules;

for (const rule of ruleList) {
  if (!rule.ownerRule) {
    /* rule is not imported */
  }
}

Dieses Codebeispiel erhält eine Referenz zum Stylesheet, das mit @import verbunden ist, und verarbeitet es auf irgendeine Weise:

js
const ruleList = document.styleSheets[0].cssRules;

for (const rule of ruleList) {
  if (rule.ownerRule) {
    checkStylesheet(rule.ownerRule.styleSheet);
  }
}

Spezifikationen

Specification
CSS Object Model (CSSOM)
# dom-cssstylesheet-ownerrule

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch