Comment changer la couleur d'un texte en JavaScript ?

Réponses rédigées par Antoine
Dernière mise à jour : 2020-07-06 15:43:40
Thèmes : webmaster - couleur - javascript
Question

Comment faire pour changer la couleur d'un texte avec JavaScript ?

Réponse

Vous pouvez utiliser l'élément setAttribute pour changer la couleur d'un éléments avec JavaScript.

Dans l'exemple ci-dessous identifie a balise HTML via son ID.

On utilise ensuite l'élément `setAttribute ; il contient deux arguments passés en paramètres :

  • L'attribut concerné, ici il s'agit de style.
  • Sa nouvelle valeur, color:green.

Exemple d'un texte initialement en rouge, dont la couleur change en vert :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment changer la couleur d'un texte en JavaScript ?</title>
</head>
<body>
<p id="texte" style="color:red">Un texte</p>
<script> 
var texte = document.getElementById("texte"); 
texte.setAttribute("style", "color:green"); 
</script> 
</body>
</html>

Vous trouverez d'avantage d'information sur l'élément setAttribute via cette page du site de Mozilla.