Modifier le style d'un élément
Leçon 4 sur 13 du cours Méthodes DOM en JavaScript de Coddy.
La prochaine propriété que nous allons apprendre est style, qui est responsable de la modification du style existant. Vous pouvez modifier le style comme ceci :
const element = document.getElementById("elementID");
element.style.color = "green";Après ce code, la couleur de #elementID sera modifiée en green.
Défi
FacileOn vous donne un code HTML qui contient un div avec un ID.
En utilisant uniquement JavaScript, changez la couleur d'arrière-plan de ce div en "red" :
- Récupérez l'élément en utilisant la fonction
getElementById. - Modifiez le style de la couleur d'arrière-plan de l'élément en utilisant la propriété
style.backgroundColor.
Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<div id="box" style="width: 100px; height: 100px;">Content</div>
<script src="script.js"></script>
</body>
</html>Toutes les leçons de Méthodes DOM en JavaScript
2Méthodes du DOM I
getElementByIdModifier le style d'un élémentgetElementsByClassNameParcourir et manipulergetElementsByTagNamequerySelector