is

L'attribut is est un attribut universel qui indique qu'un élément HTML standard devrait se comporter comme un élément natif personnalisé (custom element) défini (voir Manipuler les custom elements pour plus de détails).

Cet attribut peut uniquement être utilisé si l'élément personnalisé indiqué a été correctement défini dans le document courant et qu'il étend le type d'élément sur lequel il est appliqué.

Exemples

Cet exemple est tiré de l'exemple word-count-web-component (voir le résultat en live).

// On crée une classe pour l'élément
class WordCount extends HTMLParagraphElement {
  constructor() {
    // On appelle super() pour récupérer l'initialisation
    // des classes parentes
    super();

    // Le contenu du constructeur, etc.
    ...

  }
}

// On définit le nouvel élément.
customElements.define('word-count', WordCount, { extends: 'p' });
<p is="word-count"></p>

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de 'is' dans cette spécification.
Standard évolutif  

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
isChrome Support complet 67Edge Aucun support NonFirefox Support complet 63
Support complet 63
Aucun support 59 — 63
Désactivée
Désactivée 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.
Aucun support ? — 59
Désactivée
Désactivée 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 Aucun support NonOpera Support complet 55Safari Aucun support NonWebView Android Support complet 67Chrome Android Support complet 67Firefox Android Support complet 63
Support complet 63
Aucun support 59 — 63
Désactivée
Désactivée 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.
Aucun support ? — 59
Désactivée
Désactivée 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 Support complet 48Safari iOS Aucun support NonSamsung Internet Android Support complet 9.0

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.

Voir aussi