is

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

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

Примеры

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

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

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

  }
}

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

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

Спецификация Статус Комментарий
HTML Living Standard
Определение 'is' в этой спецификации.
Живой стандарт

Поддержка браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
isChrome Полная поддержка 67Edge Нет поддержки НетFirefox Полная поддержка 63
Полная поддержка 63
Нет поддержки 59 — 63
Отключено
Отключено From version 59 until version 63 (exclusive): this feature is behind the dom.webcomponents.customelements.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Нет поддержки ? — 59
Отключено
Отключено Until version 59 (exclusive): this feature is behind the dom.webcomponents.enabled preference (needs to be set to true) and the dom.webcomponents.customelements.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Нет поддержки НетOpera Полная поддержка 55Safari Нет поддержки НетWebView Android Полная поддержка 67Chrome Android Полная поддержка 67Firefox Android Полная поддержка 63
Полная поддержка 63
Нет поддержки 59 — 63
Отключено
Отключено From version 59 until version 63 (exclusive): this feature is behind the dom.webcomponents.customelements.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Нет поддержки ? — 59
Отключено
Отключено Until version 59 (exclusive): this feature is behind the dom.webcomponents.enabled preference (needs to be set to true) and the dom.webcomponents.customelements.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Полная поддержка 48Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка 9.0

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Пользователь должен сам включить эту возможность.
Пользователь должен сам включить эту возможность.

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