Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Attribuut

shadowrootslotassignment HTML attribuut

1 element kent dit attribuut. Klik op een tag voor de volledige uitleg van dat element.

Auteur: Maarten Soetens

Wat doet het shadowrootslotassignment attribuut?

Declarative Shadow DOM-attribuut dat de slot-toewijzingsmodus bepaalt: "named" (standaard, automatisch op basis van het slot-attribuut van kinderen) of "manual" (toewijzing gebeurt handmatig via JavaScript met slot.assign()).

HTML 
<div id="host">
  <template shadowrootmode="open" shadowrootslotassignment="manual">
    <slot></slot>
  </template>
  <p>Toegewezen via JavaScript</p>
</div>

Welke HTML-elementen kennen shadowrootslotassignment?

<template>

<template> Experimenteel

Het <template>-element van HTML dient als een mechanisme om HTML-fragmenten vast te houden, die later kunnen worden gebruikt via JavaScript...

Stelt de eigenschap slotAssignment in van een ShadowRoot die met dit element wordt gemaakt. Dit is het declaratieve equivalent van de optie slotAssignment van de methode Element.attachShadow().

  • named

    • : Elementen worden automatisch toegewezen aan <slot>-elementen binnen deze shadow root. Dit is de standaardwaarde.

      Elementen met het slot-attribuut worden toegewezen aan de eerste <slot> in de template die het bijbehorende name-attribuut heeft. Als meerdere elementen dezelfde slotnaam opgeven, worden ze allemaal toegevoegd aan de eerste slot in de template met die naam, en weergegeven in de volgorde waarin ze zijn gedeclareerd. Alle naamloze elementen — elementen zonder slot-attribuut — worden toegewezen aan de standaardslot, in de volgorde waarin ze zijn gedeclareerd. Dit is de eerste naamloze <slot> in de template.

  • manual

    • : Elementen worden handmatig toegewezen aan specifieke slot-elementen met HTMLSlotElement.assign(). Er vindt geen automatische toewijzing plaats.
Alles over <template> →

Andere attributen van deze elementen

shadowrootserializable shadowrootreferencetarget shadowrootmode shadowrootdelegatesfocus shadowrootcustomelementregistry shadowrootclonable