Modifier le Style

Section Progression:

Intéragir avec le style d’un élément

Accéder au style d’un élément

console.log(document.body.children[0].style);

 

Modifier la couleur d’arrière-plan de notre élément

document.body.children[0].style.backgroundColor= "red";

 

Propriétés du style depuis CSS et depuis Javascript

Attention ! Les propriétés en CSS et dans le DOM (en Javascript) s’écrivent souvent différemment.

 

En CSS, les propriétés sont en minuscules et les mots sont séparés par des tirets (ex: background-color)
Alors que dans le DOM, en Javascript, les mots sont collés et les premières lettres de chaque mot sauf le 1er sont en majuscules, c’est ce qu’on appelle Camel Case. (ex: backgroundColor)