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
| Fonctionnalité | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Support simple | 66 | Non | 591 Oui — 592 | Non | 53 | Non |
| Fonctionnalité | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Support simple | 66 | 66 | Non | 591 Oui — 592 | 53 | Non | Non |
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.
Voir aussi
- Les différents attributs universels