2.10: Propriétés CSS

 

Avec la ligne:

document.querySelector('h1').style.backgroundColor='blue'

on a pu en JS changer la couleur de fond en bleu.
C'est comme si on écrivait en HTML:

    <h1 style="background-color:blue">Bonjour!</h1>

En utilisant la même approche pour modifier style en JS, essayez d'autres propriétés CSS, comme color, font-size (fontSize en JS), border.
Ensuite, au lieu de modifier "style", essayez de modifier "textContent"
Attention:
"style" a des sous-propriétés, comme color, backgroundColor, ... Ce sont les propriétés CSS :

document.querySelector('h1').style.backgroundColor='blue';
document.querySelector('h1').style.color='blue';

Par contre "textContent" prend directement une chaîne de caractères:

document.querySelector('h1').textContent='Abcdef';

Essayez à la fois dans la console et dans le JavaScript qui se trouve dans les balises <script>

 


La prochaine page contient une correction.
Pour bien apprendre, c'est très important de faire les exercices au complet avant de regarder la correction. Si quelque-chose ne vous paraît pas clair, demandez à votre enseignant.