Modifier une couleur de fond

**goofyto8** · 11/08/2013, 18h16

bonjour,

Comment modifier, en javascript,(à partir du déclenchement d'un évènement) , la couleur de fond d'une balise <body> sans recourir aux feuilles de style.
Autrement dit une page en html pur avec mise en forme incluse (ancienne methode).

**headmax** · 11/08/2013, 23h55

Soit tu cible par le biais de son élément HTML : (DIV, H1, TABLE, UL...)
Auquel cas, si tu as plusieurs tag HTML DIV tu les ciblera toutes.
JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var myDiv = document.getElementsByTagName("DIV")
//lui applique un style
myDiv.style.backgroundColor="red";

Si tu cible un élément précis il faudra le faire par la définition d'un id :

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="monIdUnique"></div>

JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var myDiv = document.getElementById("monIdUnique")
//lui applique un style
myDiv.style.backgroundColor="red";

Bonne soirée.

**goofyto8** · 12/08/2013, 17h51

bonjour,

Mais pour cibler l'ensemble de la page , c'est-à dire la balise<body > ,y-a-il besoin de mettre des identifiants ?

Invité · 12/08/2013, 17h58

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.body.style.backgroundColor="#fd353f";

Je ne pense pas me tromper si je dis que tu aurais pu trouver tout seul, si tu avais fait une "petite recherche" avant...

Modifier une couleur de fond

JavaScript

Discussions similaires

Partager

Partager