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/domtokenlist/add/index.md | 70 +++++++++++++----------------- 1 file changed, 31 insertions(+), 39 deletions(-) (limited to 'files/fr/web/api/domtokenlist/add') diff --git a/files/fr/web/api/domtokenlist/add/index.md b/files/fr/web/api/domtokenlist/add/index.md index b274f15ac0..9052727e6e 100644 --- a/files/fr/web/api/domtokenlist/add/index.md +++ b/files/fr/web/api/domtokenlist/add/index.md @@ -10,66 +10,58 @@ tags: - Méthodes translation_of: Web/API/DOMTokenList/add --- -

{{APIRef("DOM")}}

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

La méthode add() de l'interface {{domxref("DOMTokenList")}} ajoute  le token (marque) à la liste.

+La méthode **`add()`** de l'interface {{domxref("DOMTokenList")}} ajoute  le _token_ (_marque_) à la liste. -

Syntaxe

+## Syntaxe -
tokenList.add(token1[, token2[, ...]]);
+ tokenList.add(token1[, token2[, ...]]); -

Paramètres

+### Paramètres -
-
token
-
Une {{domxref("DOMString")}} (chaîne de caractères) représentant la marque (token) que vous souhaitez ajouter à la liste.
-
+- token + - : Une {{domxref("DOMString")}} (_chaîne de caractères_) représentant la marque (_token_) que vous souhaitez ajouter à la liste. -

Valeur renvoyée

+### Valeur renvoyée -

Vide.

+Vide. -

Exemples

+## Exemples -

Dans l'exemple suivant, nous récupérons une liste des classes définies sur un élément {{htmlelement("span")}} en tant que DOMTokenList, en utilisant {{domxref("Element.classList")}}. Nous ajoutons alors une nouvelle marque à la  liste et écrivons la liste dans un  {{domxref("Node.textContent")}} du <span>.

+Dans l'exemple suivant, nous récupérons une liste des classes définies sur un élément {{htmlelement("span")}} en tant que `DOMTokenList`, en utilisant {{domxref("Element.classList")}}. Nous ajoutons alors une nouvelle marque à la  liste et écrivons la liste dans un  {{domxref("Node.textContent")}} du ``. -

Tout d'abord, le code HTML :

+Tout d'abord, le code HTML : -
<span class="a b c"></span>
+```html + +``` -

Maintenant, le JavaScript :

+Maintenant, le JavaScript : -
var span = document.querySelector("span");
+```js
+var span = document.querySelector("span");
 var classes = span.classList;
 classes.add("d");
 span.textContent = classes;
-
+``` -

La sortie ressemble à ceci :

+La sortie ressemble à ceci : -

{{ EmbedLiveSample('Examples', '100%', 60) }}

+{{ EmbedLiveSample('Examples', '100%', 60) }} -

Vous pouvez ajouter plusieurs token :

+Vous pouvez ajouter plusieurs _token_ : -
span.classList.add("d", "e", "f");
+```js +span.classList.add("d", "e", "f"); +``` -

Spécifications

+## Spécifications - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('DOM WHATWG','#dom-domtokenlist-add','add()')}}{{Spec2('DOM WHATWG')}}Définition initiale
+| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName('DOM WHATWG','#dom-domtokenlist-add','add()')}} | {{Spec2('DOM WHATWG')}} | Définition initiale | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -
{{Compat("api.DOMTokenList.add")}}
\ No newline at end of file +{{Compat("api.DOMTokenList.add")}} -- cgit v1.2.3-54-g00ecf