HTMLSlotElement.assignedNodes()

Die Eigenschaft assignedNodes() der Schnittstelle HTMLSlotElement gibt die Reihenfolge der diesem Slot zugewiesenen Elemente oder alternativ den Fallback-Inhalt des Slots zur├╝ck.

Syntax

var assignedNodes[] = HTMLSlotElement.assignedNodes([options])

Parameter

options Optional
Ein Objekt, das Optionen f├╝r die zur├╝ckzugebenden Knoten festlegt. Die verf├╝gbaren Optionen sind:
  • flatten: Ein Boolean, das angibt, ob die dem Slot zugewiesenen Elemente zur├╝ckgegeben werden sollen (wenn dieser Wert false ist) oder der Fallback-Inhalt des Slots (wenn dieser Wert true ist). Die Vorgabe ist false.

R├╝ckgabewerte

Ein Array von Knoten.

Beispiele

Das folgende Schnippsel ist unserem Slotchange-Beispiel entnommen (siehe auch live).

let slots = this.shadowRoot.querySelectorAll('slot');
slots[1].addEventListener('slotchange', function(e) {
  let nodes = slots[1].assignedNodes();
  console.log('Element in Slot "' + slots[1].name + '" changed to "' + nodes[0].outerHTML + '".');
});

Hier nehmen wir Verweise auf alle Slots und f├╝gen dann einen Slotchange Event Listener zum zweiten Slot in der Vorlage hinzu - derjenige, dessen Inhalt im Beispiel ge├Ąndert wird.

Jedes Mal, wenn sich das in den Slot eingef├╝gte Element ├Ąndert, protokollieren wir einen Bericht an die Konsole, aus dem hervorgeht, welcher Slot sich ge├Ąndert hat und was der neue Knoten im Slot ist.

Spezifikationen

Browser Kompatibilit├Ąt

BCD tables only load in the browser