Discussion :

[zozoman]

Bonjour à tous,

J'ai un tableau en HTML et je voudrais retrouver la couleur de fond de ce tableau en javaScript

Code html :

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

<tbody bgcolor="#090909" id="tblFAJ1">

J'ai tapé ceci

Code :

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

1
2
var couleurFond=document.getElementById("tblFAJ1").style.backgroundColor;
alert (couleurFond);

J'ai un retour vide

Pourriez vous m'aider ?

[Bovino]

Déjà, bgcolor est un attribut déprécié et ne devrait plus être utilisé. Les feuilles de style CSS sont faites pour ça.

Ensuite, il faudrait réfléchir un minimum à ce que tu demandes.
A quel moment affectes-tu une règle de style background-color ?
Jamais, donc ne t'étonnes pas que cette valeur n'existe pas.

Deux solutions possibles.
En conservant ton code obsolète, passes par la propriété que tu as définie (et non par une que tu n'a pas définie) :

Code :

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

var couleurFond=document.getElementById("tblFAJ1").bgColor;

Sinon, adapte ton code HTML aux bonnes pratiques et passes par les CSS pour la mise en forme.

[zozoman]

Je sais que bgcolor est une balise obsolète, mais je ne sais pas faire du CSS dynamique.

La couleur de fond change en fonction du métal sélectionné, j'ai donc une variable php au niveau de ma couleur.

Code :

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

1
2
3
 
var couleurFond=document.getElementById("tblFAJ1").style.bgColor;
alert (couleurFond);

réponse : undefined

[Bovino]

Je sais que bgcolor est une balise obsolète

Euh... non, c'est un attribut, pas une balise...

je ne sais pas faire du CSS dynamique

Ben fait du CSS statique !

réponse : undefined

Dans ce cas, essaye de tester le code que je t'ai indiqué...

[zozoman]

J'ai bien sur testé ton code mais le retour est "undefined"

Dans mon formulaire, il y a plusieurs tableaux qui ont un thead de la couleur qui m'intéresse. Par contre, les cellules du tableau peuvent être grisées.

[Bovino]

Non

Tu as testé

Code :

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

var couleurFond=document.getElementById("tblFAJ1").style.bgColor;

mais pas ce que je t'ai indiqué :

Code :

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

var couleurFond=document.getElementById("tblFAJ1").bgColor;

[zozoman]

Je sais que je suis un peu dur de la feuille mais j'ai bien testé ce que tu m'as dis mais j'ai bien undefined.

Par contre, j'ai testé ça et ça marche :

Code :

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

var couleurFond=document.getElementsByTagName("thead")[0].getAttribute("bgcolor");

Merci pour ton aide