is

Глобальный атрибут is позволяет указать, что стандартный HTML-элемент должен вести себя как определённый пользовательский встроенный элемент (см Using custom elements для информации).

Этот атрибут может быть использован только, если указанное имя пользовательского элемента было успешно определено в текущем документе и расширяет тип элемента, к которому оно применяется.

Примеры

Следующий код взят из нашего примеры word-count-web-component (см. в живую).

js
// Создание класса для элемента
class WordCount extends HTMLParagraphElement {
  constructor() {
    // Всегда вызывайте super первым в конструкторе
    super();

    // Содержимое конструктора опущено для краткости
    ...

  }
}

// Определение нового элемента
customElements.define('word-count', WordCount, { extends: 'p' });
html
<p is="word-count"></p>

Спецификации

Specification
HTML Standard
# attr-is

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также