DOMTokenList.replace()

La méthode replace() de l'interface DOMTokenList remplace une marque (token) existante par une nouvelle marque.

Syntaxe

tokenList.replace(oldToken,newToken);

Paramètres

oldToken
Une DOMString (chaîne de caractères) représentant la marque que vous voulez remplacer.
newToken
Une DOMString (chaîne de caractères) représentant la marque avec laquelle vous voulez remplacer l'ancienne.

Valeur retournée

Vide.

Exemples

Dans l'exemple suivant, nous récupérons la liste des classes définies dans un élément <span> en tant que DOMTokenList en utilisant Element.classList. Nous remplaçons alors la marque dans la liste et écrivons la liste dans le Node.textContent du <span>.

D'abord, le HTML :

<span class="a b c"></span>

Maintenant le JavaScript :

var span = document.querySelector("span");
var classes = span.classList;
try {
  classes.replace("c", "z");
  span.textContent = classes;
} catch(e) {
  span.textContent = e;
}

La sortie ressemble à ceci :

Spécifications

Spécification Statut Commentaire
DOM
La définition de 'replace()' dans cette spécification.
Standard évolutif Définition initiale

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simpleChrome Support complet 61Edge Support complet 17Firefox Support complet 49IE ? Opera Support complet 48Safari Support complet OuiWebView Android Support complet 61Chrome Android Support complet 61Edge Mobile Support complet 17Firefox Android Support complet 49Opera Android Support complet 48Safari iOS Support complet OuiSamsung Internet Android Aucun support Non
return()'s value is a boolean, not void as it used to be.Chrome Support complet 67Edge Support complet 18Firefox Support complet 61IE Aucun support NonOpera Support complet 54Safari Aucun support NonWebView Android Support complet 67Chrome Android Support complet 67Edge Mobile Support complet 18Firefox Android Support complet 61Opera Android Support complet 54Safari iOS Aucun support NonSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
 
 

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : loella16
Dernière mise à jour par : loella16,