HTMLSlotElement: свойство name

Свойство name интерфейса HTMLSlotElement возвращает или устанавливает имя слота. Слот — это заполнитель внутри веб-компонента, который пользователи могут заполнить собственными разметками.

Строка.

Следующий фрагмент взят из нашего примера slotchange (посмотреть онлайн).

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

Здесь мы получаем ссылки на все слоты, затем добавляем обработчик события slotchange ко второму слоту в шаблоне — тому, чье содержимое постоянно изменяется в примере.

Каждый раз, когда элемент, вставленный в слот, меняется, мы регистрируем отчёт в консоли, сообщая, какой слот изменился и какой новый узел находится внутри слота.