このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTMLSlotElement: assignedElements() メソッド

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。

assignedElements()HTMLSlotElement インターフェイスのメソッドで、このスロットに割り当てられた一連の要素を返します (そしてそれ以外の要素を除きます)。

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

ブラウザーの互換性