Dans le cours : L'essentiel de JavaScript

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 100 cours dispensés par des experts.

Modifier les styles CSS en JavaScript

Modifier les styles CSS en JavaScript - Tutoriel JavaScript

Dans le cours : L'essentiel de JavaScript

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Modifier les styles CSS en JavaScript

“

Une autre tâche très courante que l'on est amenée à faire avec le DOM en JavaScript, c'est de manipuler les styles CSS des différents objets du DOM. Regardez cette page, elle est décorée par une image de fond, on peut même dire que c'est cette image de fond qui donne tout son cachet à cette page. Cette image de fond est injectée grâce au CSS. Allons jeter un petit coup d'œil à notre feuille de style CSS, regardez, c'est, ici, que ça se passe, en ligne 87. Nous avons la règle de style background-image, suivie de sa valeur url et puis, entre parenthèses l'adresse de l'image que j'utilise comme image de fond. Cette image se trouve, ici, dans le dossier des images, elle s'appelle image-1.jpg et regardez, on a plein d'autres images, ici, à notre disposition. Ce qu'on va essayer de faire, c'est de changer l'image de fond de notre page grâce au DOM et au JavaScript. Pour ça, on va, d'abord, se rendre compte que cette règle de style background-image est…

Table des matières