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.
