From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/document/registerelement/index.md | 62 ++++++++++------------ 1 file changed, 29 insertions(+), 33 deletions(-) (limited to 'files/fr/web/api/document/registerelement') diff --git a/files/fr/web/api/document/registerelement/index.md b/files/fr/web/api/document/registerelement/index.md index 8512a48f5f..37a87f3cfe 100644 --- a/files/fr/web/api/document/registerelement/index.md +++ b/files/fr/web/api/document/registerelement/index.md @@ -10,56 +10,52 @@ tags: - Référence(2) translation_of: Web/API/Document/registerElement --- -

{{APIRef("DOM")}} {{Deprecated_header}}

+{{APIRef("DOM")}} {{Deprecated_header}} -
-

Attention : document.registerElement() est déprécié en faveur de customElements.define().

-
+> **Attention :** document.registerElement() est déprécié en faveur de [customElements.define()](/fr/docs/Web/API/CustomElementRegistry/define). -

{{draft}}

+{{draft}} -

La méthode Document.registerElement() permet d'enregistrer un nouvel élément personnalisé dans le navigateur, et retourne un constructeur pour ce nouvel élément.

+La méthode **`Document.registerElement()`** permet d'enregistrer un nouvel [élément personnalisé](/fr/docs/Web/Web_Components/Custom_Elements) dans le navigateur, et retourne un constructeur pour ce nouvel élément. -
-

Note : Il s'agit d'une technologie expérimentale. Le navigateur dans lequel vous l'utilisez doit être compatible avec les Composants Web. Voir Activer les Composants Web dans Firefox.

-
+> **Note :** Il s'agit d'une technologie expérimentale. Le navigateur dans lequel vous l'utilisez doit être compatible avec les Composants Web. Voir [Activer les Composants Web dans Firefox](/fr/docs/Web/Web_Components#Activer_les_Web_Components_dans_Firefox). -

Syntaxe

+## Syntaxe -
var constructeur = document.registerElement(nom-tag, options);
+ var constructeur = document.registerElement(nom-tag, options); -

Paramètres

+### Paramètres -
-
nom-tag
-
Le nom de l'élément personnalisé. Le nom doit contenir un tiret (-), par exemple mon-tag.
-
options {{optional_inline}}
-
Un objet définissant le prototype sur lequel se base l'élément personnalisé, ainsi qu'un tag existant à étendre.
-
+- _nom-tag_ + - : Le nom de l'élément personnalisé. Le nom doit contenir un tiret (-), par exemple `mon-tag`. +- _options {{optional_inline}}_ + - : Un objet définissant le prototype sur lequel se base l'élément personnalisé, ainsi qu'un tag existant à étendre. -

Exemple

+## Exemple -

Voici un exemple très simple :

+Voici un exemple très simple : -
var Montag = document.registerElement('mon-tag');
-
+```js +var Montag = document.registerElement('mon-tag'); +``` -

Le nouveau tag est désormais enregistré dans le navigateur. La variable Montag contient un constructeur que vous pouvez utiliser pour créer des éléments mon-tag dans le document de la façon suivante :

+Le nouveau tag est désormais enregistré dans le navigateur. La variable `Montag` contient un constructeur que vous pouvez utiliser pour créer des éléments `mon-tag` dans le document de la façon suivante : -
document.body.appendChild(new Montag());
+```js +document.body.appendChild(new Montag()); +``` -

Ceci insert un élément mon-tag vide qui sera visible si vous utilisez les outils de développement du navigateur. Il ne sera pas visible si vous utilisez la fonction de visualisation de la source du navigateur. Et il ne sera pas visible dans le navigateur tant que vous n'aurez pas ajouter du contenu au tag. Ce qui suit est un exemple d'ajout de contenu au nouveau tag :

+Ceci insert un élément `mon-tag` vide qui sera visible si vous utilisez les outils de développement du navigateur. Il ne sera pas visible si vous utilisez la fonction de visualisation de la source du navigateur. Et il ne sera pas visible dans le navigateur tant que vous n'aurez pas ajouter du contenu au tag. Ce qui suit est un exemple d'ajout de contenu au nouveau tag : -
var montag = document.getElementsByTagName("mon-tag")[0];
+```js
+var montag = document.getElementsByTagName("mon-tag")[0];
 montag.textContent = "Je suis un élément mon-tag.";
-
+``` -

Compatibilité avec les navigateurs

+## Compatibilité avec les navigateurs -

{{Compat("api.Document.registerElement")}}

+{{Compat("api.Document.registerElement")}} -

Voir aussi

+## Voir aussi - +- [Éléments personnalisés](/fr/docs/Web/Web_Components/Custom_Elements) -- cgit v1.2.3-54-g00ecf