Элемент: свойство part

Свойство part интерфейса Element представляет идентификатор(ы) части элемента (т.е. установленный с помощью атрибута part), возвращаемый как DOMTokenList. Их можно использовать для стилизации частей DOM тени, с помощью псевдоэлемента ::part.

Объект DOMTokenList.

Следующий фрагмент взят из нашего примера shadow-part. Здесь атрибут part используется для поиска частей тени, а затем свойство part используется для изменения идентификаторов частей каждой вкладки, чтобы при нажатии на вкладки применялась правильная стилизация активной вкладки.

const tabs = [];
const children = this.shadowRoot.children;

for (const elem of children) {
  if (elem.getAttribute("part")) {
    tabs.push(elem);
  }
}

tabs.forEach((tab) => {
  tab.addEventListener("click", (e) => {
    tabs.forEach((tab) => {
      tab.part = "tab";
    });
    e.target.part = "tab active";
  });

  console.log(tab.part);
});

• ::part
• part