Changer couleur tableau

Changer la couleur d'un tableau

Voici un exemple complet en HTML + JavaScript qui permet de saisir un code hexadécimal dans un formulaire et de modifier la couleur d'un tableau via getElementById. Le code inclut une validation pour éviter les erreurs si le code n'est pas un code hexdécimal valide.

Cellule 1	Cellule 2
Cellule 3	Cellule 4

Explications :

getElementById :

document.getElementById("myTable") récupère le tableau.
table.style.backgroundColor = colorInput applique la couleur.

Validation du code hexadécimal :

L'expression régulière /^#([0-9A-Fa-f]{6})$/ vérifie que le code est au format #RRGGBB.

Formulaire :

Empêche le rechargement avec event.preventDefault().
Applique la couleur uniquement si elle est valide.

Réalisé par Jean-Christophe MICHEL