HTMLSlotElement: assignedElements() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流浏览器均已支持。

HTMLSlotElement 接口的 assignedElements() 方法返回分配给此插槽的元素序列(而不是其他节点)。

如果 flatten 选项设置为 true,它将返回分配给此插槽的元素以及分配给作为此插槽后代的任何其他插槽的元素的序列。如果未找到分配的元素,它将返回插槽的后备内容。

语法

js
assignedElements()
assignedElements(options)

参数

options 可选

一个对象,用于设置要返回的节点的选项。可用的选项是

flatten

一个布尔值,指示是否返回任何可用的子 <slot> 元素的分配元素(true)或不返回(false)。默认为 false

返回值

一个元素数组。

示例

js
let slots = this.shadowRoot.querySelector("slot");
let elements = slots.assignedElements({ flatten: true });

规范

规范
HTML
# dom-slot-assignedelements-dev

浏览器兼容性