diff options
author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:14 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
commit | c05efa8d7ae464235cf83d7c0956e42dc6974103 (patch) | |
tree | 6ea911b2f2010f63a026de6bb7a1a51e7690a7e1 /files/fr/web/api/window/customelements/index.html | |
parent | 13a5e017558b248ee1647d4a5825f183b51f09ad (diff) | |
download | translated-content-c05efa8d7ae464235cf83d7c0956e42dc6974103.tar.gz translated-content-c05efa8d7ae464235cf83d7c0956e42dc6974103.tar.bz2 translated-content-c05efa8d7ae464235cf83d7c0956e42dc6974103.zip |
move *.html to *.md
Diffstat (limited to 'files/fr/web/api/window/customelements/index.html')
-rw-r--r-- | files/fr/web/api/window/customelements/index.html | 68 |
1 files changed, 0 insertions, 68 deletions
diff --git a/files/fr/web/api/window/customelements/index.html b/files/fr/web/api/window/customelements/index.html deleted file mode 100644 index 7d7d57c203..0000000000 --- a/files/fr/web/api/window/customelements/index.html +++ /dev/null @@ -1,68 +0,0 @@ ---- -title: Window.customElements -slug: Web/API/Window/customElements -tags: - - API - - CustomElementRegistry - - Property - - Reference - - Web Components - - Window - - custom elements -translation_of: Web/API/Window/customElements ---- -<div>{{APIRef}}</div> - -<p>La propriété en lecture seule <code>customElements</code> de l'interface {{domxref("Window")}} renvoie une référence à l'objet {{domxref("CustomElementRegistry")}}, qui peut être utilisée pour enregistrer de nouveaux <a href="/fr-FR/docs/Web/Web_Components/Using_custom_elements">éléments personnalisés</a> et obtenir des informations sur des éléments personnalisés enregistrés.</p> - -<h2 id="Syntax">Syntaxe</h2> - -<pre>let registreElementsPersonnalises = window.customElements;</pre> - -<h3 id="Valeur_retournée">Valeur retournée</h3> - -<p>Une instance d'objet {{domxref("CustomElementRegistry")}} représentant le registre des éléments personnalisés pour la fenêtre en cours.</p> - -<h2 id="Examples">Exemples</h2> - -<p>L'exemple le plus courant d'utilisation de cette propriété que vous verrez sera d'obtenir l'accès à la méthode {{domxref ("CustomElementRegistry.define()")}} pour définir et enregistrer un nouvel élément personnalisé, par exemple :</p> - -<pre>let registreElementsPersonnalises = window.customElements; -registreElementsPersonnalises.define('mon-element-personnalise', MonElementPersonnalise);</pre> - -<p>Cependant, il est généralement raccourci en quelque chose comme :</p> - -<pre>customElements.define('details-element', - class extends HTMLElement { - constructor() { - super(); - const modele = document - .getElementById('modele-details-element') - .content; - const racineOmbre = this.attachShadow({mode: 'open'}) - .appendChild(template.cloneNode(true)); - } -});</pre> - -<p>Voir notre repo <a href="https://github.com/mdn/web-components-examples/">web-components-examples</a> pour davantage d'exemples d'utilisation.</p> - -<h2 id="Specification">Spécification</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName("HTML WHATWG", "custom-elements.html#dom-window-customelements", "window.customElements")}}</td> - <td>{{Spec2("HTML WHATWG")}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.Window.customElements")}}</p> |