Comment modifier l'attribut style en JavaScript ?

Réponses rédigées par Antoine
Dernière mise à jour : 2020-04-24 15:58:11
Thèmes : webmaster - javascript - css
Question

Comment faire pour modifier l'attribut style en JavaScript ?

Réponse

Pour modifier l'attribut style en JavaScript, vous pouvez utiliser l'élément HTML style de cette manière :

<!DOCTYPE html> 
<html> 
<head>
<meta charset="UTF-8">
<title>Comment modifier l'attribut style en JavaScript ?</title>
</head>
<body>
<p id="exemple" style="background-color:red;color:white;">Exemple</p>
<script>
var exemple = document.getElementById("exemple");
exemple.style["background-color"] = "yellow";
exemple.style["color"] = "black";  
</script> 
</body>
</html>

Remarque : l'élément style remplace la valeur HTML style déjà existante, vous n'avez donc pas besoin préalablement de vider le contenu de l'attribut style.