HTMLElement: метод attachInternals()

Метод HTMLElement.attachInternals() возвращает объект ElementInternals. Этот метод позволяет пользовательскому элементу участвовать в HTML-формах. Интерфейс ElementInternals предоставляет утилиты для работы с этими элементами так же, как с любым стандартным элементом HTML-формы, а также предоставляет Accessibility Object Model для элемента.

Нет.

Объект ElementInternals.

NotSupportedError DOMException

Выбрасывается, если элемент не является пользовательским элементом.

NotSupportedError DOMException

Выбрасывается, если функция "internals" была отключена в определении элемента.

NotSupportedError DOMException

Выбрасывается, если этот метод вызывается дважды для одного и того же элемента.

В следующем примере показано, как создать пользовательский элемент, связанный с формой, с помощью HTMLElement.attachInternals. Затем свойство ElementInternals.form выводится в консоль, чтобы продемонстрировать, что у нас есть объект ElementInternals.

class CustomCheckbox extends HTMLElement {
  static formAssociated = true;

  constructor() {
    super();
    this.internals_ = this.attachInternals();
  }
  // …
}

window.customElements.define("custom-checkbox", CustomCheckbox);

let element = document.getElementById("custom-checkbox");
console.log(element.internals_.form);

• Более функциональные элементы управления формами
• Создание пользовательских элементов управления формами с помощью ElementInternals