Naslag / Attribuut
shadowrootreferencetarget HTML attribuut
1 element kent dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het shadowrootreferencetarget attribuut?
Recent Declarative Shadow DOM-attribuut dat verwijst naar de id van een element binnen de shadow tree. Als iets van buitenaf naar de host-element verwijst (bijvoorbeeld het for-attribuut van een <label> of een aria-*-referentie), wordt in plaats daarvan dit interne element als het effectieve doelwit behandeld — belangrijk voor de toegankelijkheid van web components.
HTML
<label for="host">Naam</label>
<div id="host">
<template shadowrootmode="open" shadowrootreferencetarget="binnenste-invoer">
<input id="binnenste-invoer" type="text">
</template>
</div>Welke HTML-elementen kennen shadowrootreferencetarget?
<template>
Experimenteel
Niet-standaard
Het <template>-element van HTML dient als een mechanisme om HTML-fragmenten vast te houden, die later kunnen worden gebruikt via JavaScript...
Stelt de waarde in van de eigenschap
Alles over <template> →
referenceTarget van een ShadowRoot die met dit element wordt gemaakt. De waarde moet het ID zijn van een element binnen de shadow DOM. Indien ingesteld, zorgen doelverwijzingen naar het hostelement van buiten de shadow DOM ervoor dat het aangewezen doelelement het effectieve doel wordt van de verwijzing naar het hostelement.