Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLTemplateElement: shadowRootSlotAssignment-Eigenschaft

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Die shadowRootSlotAssignment-Eigenschaft des HTMLTemplateElement-Interfaces zeigt an, ob das Element so konfiguriert wurde, dass es benannte oder unbenannte Slot-Zuweisungen verwendet.

Diese Eigenschaft kann verwendet werden, um die Unterstützung für das deklarative Attribut zu erkennen auf dem <template>-Element.

Die Eigenschaft kann nicht gelesen werden, um die Slot-Zuweisungsmethode eines Shadow-Roots zu bestimmen. Dies liegt daran, dass eine <template>-Elementdeklaration entweder zur Erstellung eines HTMLTemplateElement oder eines ShadowRoot führt. Wenn ein Shadow-Root erstellt wird, dann nicht das HTMLTemplateElement, sodass es nicht zur Überprüfung der Slot-Zuweisung verwendet werden kann. Wenn ein HTMLTemplateElement erstellt wird, ist es kein Shadow-Root und kann nicht einfach in eines umgewandelt werden - daher ist der Wert irrelevant.

Wenn definiert, spiegelt es den Wert des shadowrootslotassignment-Attributs des zugehörigen <template>-Elements wider.

Wert

Ein String, der den Wert des shadowrootslotassignment-Attributs des zugehörigen <template>-Elements widerspiegelt. Mögliche Werte sind "named" und "manual".

Beispiele

Feature-Erkennung für shadowrootslotassignment

Wenn Sie deklarativ Shadow-Roots erstellen, die sich auf unbenannte Slot-Zuweisung verlassen, indem Sie <template>-Elemente verwenden, können Sie die Existenz dieser Eigenschaft auf dem HTMLTemplateElement verwenden, um die Unterstützung zu überprüfen. Dies funktioniert, weil die Eigenschaft gleichzeitig mit der unbenannten Zuweisung mit dem "manual"-Wert hinzugefügt wurde.

js
const isShadowRootSlotAssignmentSupported = Object.hasOwn(
  HTMLTemplateElement.prototype,
  "shadowRootSlotAssignment",
);

Der Wert von isShadowRootSlotAssignmentSupported könnte dann verwendet werden, um auf das Anfügen des Shadow-Roots mit Element.attachShadow() zurückzugreifen oder um den Benutzer darüber zu informieren, welche Browserversionen sie verwenden müssen.

Beachten Sie, dass, wenn Sie benannte Slot-Zuweisung verwenden, es nicht notwendig ist, die Unterstützung von shadowrootslotassignment zu überprüfen, da benannte Zuweisung standardmäßig unterstützt wird.

Spezifikationen

Spezifikation
HTML
# dom-template-shadowrootslotassignment

Browser-Kompatibilität

Siehe auch