元素：slot 属性

基线广泛可用

此功能已完善，可在许多设备和浏览器版本中使用。自以下日期起，它已在各浏览器中可用 2020 年 1 月.

该 slot 属性的 Element 接口返回元素插入的 Shadow DOM 插槽的名称。

插槽是 Web 组件中的一个占位符，用户可以使用自己的标记填充它（有关更多信息，请参阅使用模板和插槽）。

字符串。

在我们的简单模板示例（查看实际效果）中，我们创建了一个名为 <my-paragraph> 的简单自定义元素示例，其中附加了 Shadow 根，然后使用包含名为 my-text 的插槽的模板内容进行填充。

当在文档中使用 <my-paragraph> 时，插槽由可插槽元素填充，方法是将其包含在具有值为 my-text 的 slot 属性的元素内部。以下是一个这样的示例

html

<my-paragraph>
  <span slot="my-text">Let's have some different text!</span>
</my-paragraph>

在我们的 JavaScript 文件中，我们获取对上面显示的 <span> 的引用，然后记录对相应 <slot> 元素名称的引用。

let slottedSpan = document.querySelector("my-paragraph span");
console.log(slottedSpan.slot); // logs 'my-text'

规范
DOM 标准 # ref-for-dom-element-slot①

BCD 表格仅在启用 JavaScript 的浏览器中加载。