La construcción is global attribute permite especificar que un elemento HTML estándar se debería comportar como un elemento personalizado provisto originalmente por el lenguaje (para más detalles, vea Utilizando elementos personalizados).

Este atributo puede ser utilizado sólo si nombre del elemento personalizado especificado ha sido definido extósamente en el documento actual, y extiende el tipo de elemento al que está siendo aplicado.

Ejemplos

El siguiente código fue tomado de nuestro ejemplo word-count-web-component (véalo también en vivo).

// Crea una clase para el elemento
class WordCount extends HTMLParagraphElement {
  constructor() {
    // Siempre llamar a super al comienzo del constructor
    super();

    // Contenido del constructor omitido para mayor brevedad
    ...

  }
}

// Define el nuevo elemento
customElements.define('word-count', WordCount, { extends: 'p' });
<p is="word-count"></p>

Especificaciones

Especificación Estado Comentario
HTML Living Standard
La definición de 'is' en esta especificación.
Living Standard  

Compatibilidad de navegadores

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Soporte básico66 No

591

Si — 592

No53 No
FeatureAndroid webviewChrome para AndroidEdge mobileFirefox para AndroidOpera AndroidiOS SafariSamsung Internet
Soporte básico6666 No

591

Si — 592

53 No No

1. From version 59: this feature is behind the dom.webcomponents.customelements.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

2. 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.

Vea también

 

Etiquetas y colaboradores del documento

 Colaboradores en esta página: daniel.duarte
 Última actualización por: daniel.duarte,