HTMLTemplateElement: shadowRootSlotAssignment-Eigenschaft

Eingeschränkt verfügbar

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

Mehr erfahren
Vollständige Kompatibilität anzeigen

Die shadowRootSlotAssignment-Eigenschaft des HTMLTemplateElement-Interfaces gibt an, ob das Element so konfiguriert wurde, dass es benannte oder unbenannte Slot-Zuweisung 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 Sie es nicht verwenden können, um die Slot-Zuweisung zu überprüfen. Wenn ein HTMLTemplateElement erstellt wird, ist es kein Shadow-Root, und es kann nicht leicht 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

Funktionserkennung für `shadowrootslotassignment`

Wenn Sie Shadow-Roots deklarativ erstellen, die auf unbenannte Slot-Zuweisung angewiesen sind und <template>-Elemente verwenden, können Sie die Existenz dieser Eigenschaft am HTMLTemplateElement verwenden, um die Unterstützung zu überprüfen. Dies funktioniert, da die Eigenschaft gleichzeitig mit der unbenannten Zuweisung unter Verwendung des "manual" Wertes hinzugefügt wurde.

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

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

Beachten Sie, dass keine Überprüfung der Unterstützung für shadowrootslotassignment erforderlich ist, wenn Sie benannte Slot-Zuweisung verwenden, da benannte Zuweisung standardmäßig unterstützt wird.