La méthode contains()
de l'interface DOMTokenList
renvoie un Boolean
(booléen) — true
(vrai) si la liste sous-jacente contient le symbole donné, sinon false
(faux).
Syntaxe
tokenList.contains(token);
Paramètres
- token
- Une
DOMString
(chaîne de caractères) représentant la "token" (marque) dont vous voulez vérifier l'existence dans la liste.
Valeur renvoyée
Un Boolean
(booléen)— true
(vrai) si la liste sous-jacente contient la marque donnée, sinon false
(faux).
Exemples
Dans l'exemple suivant, nous récupérons la liste des classes définies sur un élément <span>
en tant que DOMTokenList
en utilisant Element.classList
. Nous testons ensuite l'existence de "c" dans la liste, et écrivons le résultat dans le Node.textContent
du <span>
.
Tout d'abord, le code HTML :
<span class="a b c"></span>
Maintenant, le JavaScript :
var span = document.querySelector("span"); var classes = span.classList; var result = classes.contains("c"); if(result) { span.textContent = "The classList contains 'c'"; } else { span.textContent = "The classList does not contain 'c'"; }
La sortie ressemble à ceci :
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
DOM La définition de 'contains()' dans cette spécification. |
Standard évolutif | Définition initiale |
Compatibilité des navigateurs
Ordinateur | Mobile | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Support simple | Chrome Support complet 1 | Edge Support complet 12 | Firefox Support complet Oui | IE Support complet 10 | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Edge Mobile ? | Firefox Android Support complet Oui | Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet
- Compatibilité inconnue
- Compatibilité inconnue