值
一个 HTMLSlotElement 实例;若元素未分配给插槽,或者关联的影子根以 mode 为 closed 的方式附加(详情参见 Element.attachShadow),则为 null。
示例
在我们的简单模板示例(查看在线示例)中,创建了一个简单的自定义元素 <my-paragraph>:为其附加 shadow root,再用一个含名为 my-text 的插槽的模板内容填充它。
在文档中使用 <my-paragraph> 时,通过在该元素内加入一个 slot 属性值为 my-text 的可插槽元素来填充该插槽。示例如下:
html
<my-paragraph>
<span slot="my-text">使用不同的文本!</span>
</my-paragraph>
在 JavaScript 文件中,获取上面所示 <span> 的引用,然后记录插入 <span> 的原始 <slot> 元素的引用。
js
let slottedSpan = document.querySelector("my-paragraph span");
console.log(slottedSpan.assignedSlot); // 记录 '<slot name="my-text">'
规范
| 规范 |
|---|
| DOM> # dom-slotable-assignedslot> |