var slotElement = elementInstance.assignedSlot
HTMLSlotElement instance, or
null if the element is not
assigned to a slot, or if the associated shadow root was attached with its
mode set to
Element.attachShadow for further details).
In our simple-template
example (see it
live), we create a trivial custom element example called
<my-paragraph> in which a shadow root is attached and then populated
using the contents of a template that contains a slot named
<my-paragraph> is used in the document, the slot is populated
by a slottable element by including it inside the element with a
with the value
my-text. Here is one such example:
<my-paragraph> <span slot="my-text">Let's have some different text!</span> </my-paragraph>
<span> shown above,
then log a reference to the original
<slot> element the
<span> was inserted in.
let slottedSpan = document.querySelector('my-paragraph span') console.log(slottedSpan.assignedSlot); // logs '<slot name="my-text">'
|DOM Standard (DOM)|
BCD tables only load in the browser