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 slotable element by including it inside the element with a
slot attribute 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 '
The definition of 'assignedSlot' in that specification.
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
|Feature||Chrome||Firefox (Gecko)||Internet Explorer||Opera||Safari (WebKit)|
|Basic support||53.0||(Yes)||No support||(Yes)||No support|
|Feature||Android||Android Webview||Firefox Mobile (Gecko)||IE Mobile||Opera Mobile||Safari Mobile||Chrome for Android|
|Basic support||No support||53.0||(Yes)||No support||(Yes)||No support||53.0|