HTMLSlotElement: assign() メソッド

構文

assign(node1)
assign(node1, node2)
assign(node1, node2, /* … ,*/ nodeN)

引数

node1, …, nodeN

一連の Element または Text ノードです。

返値

なし (undefined)。

例外

• NotAllowedError DOMException -: 自動的に割り当てられるスロットでこのメソッドを呼び出すと発生します。

例

以下の例では、タブ型アプリケーションで正しいタブを表示するために assign() メソッドを使用しています。この関数が呼び出され、表示するパネルが渡され、それがスロットに代入されます。

function UpdateDisplayTab(elem, tabIdx) {
  const shadow = elem.shadowRoot;
  const slot = shadow.querySelector("slot");
  const panels = elem.querySelectorAll("tab-panel");
  if (panels.length && tabIdx && tabIdx <= panels.length) {
    slot.assign(panels[tabIdx - 1]);
  } else {
    slot.assign();
  }
}

仕様書

ブラウザーの互換性

関連情報

• Element.attachShadow()