值
一个字符串。
示例
在我们的简单模板示例(查看在线示例)中,我们创建了一个名为 <my-paragraph> 的简单自定义元素示例:为其附加影子根,再用包含名为 my-text 的插槽的模板内容填充它。
在文档中使用 <my-paragraph> 时,通过在该元素内加入一个 slot 属性值为 my-text 的可插槽元素来填充该插槽。示例如下:
html
<my-paragraph>
<span slot="my-text">使用不同的文本!</span>
</my-paragraph>
在 JavaScript 文件中,我们获取上面所示 <span> 的引用,然后记录对应 <slot> 元素的名称。
js
let slottedSpan = document.querySelector("my-paragraph span");
console.log(slottedSpan.slot); // 记录 'my-text'
规范
| 规范 |
|---|
| DOM> # ref-for-dom-element-slot①> |