Lors de l'affichage des données tabulaires sur une page Web à l'aide d'un tableau HTML , vous pouvez utiliser la couleur pour améliorer l'affichage ou que les données figurant dans le tableau plus lisible. Il ya deux façons de changer la couleur de fond d'une ligne dans un tableau HTML utilisant JavaScript. La première méthode utilise JavaScript par lui-même , et la seconde utilise CSS et JavaScript. Instructions
1

Créer un nouveau fichier HTML en utilisant un éditeur de texte ou bloc-notes. Entrez un squelette HTML et modifier le titre comme vous le souhaitez . ! Par exemple, tapez :

< DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd "> Photos

Row Page 2 <p> Créer un tableau HTML entre les balises «corps» . Par exemple, tapez : <br> <p> < tableau <br> 3 <p> obtenir un pointeur vers l'élément de tableau et obtenir un tableau de pointeurs à chaque ligne de la table à travers leurs balises "tr". Accédez à l' attribut " backgroundColor " directement pour le changer. Par exemple, tapez : <br> <p> <script type="text/javascript"> <br> <p> tableau var = document.getElementById (" myTable "); <br> <p> lignes var = table.getElementsByTagName ( «TR» ) ; <br> <p> rangées [ 0 ] = style.backgroundColor "# F30 " ; . . <br> <p> lignes [1] = style.backgroundColor "# 09C " ; <br> <p> </script> <br> 4 <p> créer un style CSS et le placer entre les balises "head" de la page Web. Par exemple, tapez : . <br> <p> <style Type="text/css"> <br> <p> même coulArrièrePlan { # } F30 <br> <p> étrange coulArrièrePlan { : . # 00C } <br> <p> </style> <br> 5 <p> écrire une fonction JavaScript qui insère la classe CSS pour changer la couleur de fond. Par exemple, tapez : <br> <p> <script type="text/javascript"> <br> <p> tableau var = document.getElementById (" myTable "); <br> <p> lignes var = table.getElementsByTagName ( «TR» ) ; <br> <p> rangées [0] className = " même " ; . <br> <p> lignes [1] className = " impair " ; . <br> <p> < ;/script> Photos <br> <div class=fr4><script language='javascript' src='http://www.ordinateur.cc/ad/fr/4.js'></script></div> <div class=fr5><script language='javascript' src='http://www.ordinateur.cc/ad/fr/5.js'></script></div> </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" > </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="39" align="left" >Article précédent：<span class="nr"> <a class='LinkPrevArticle' href='/programmation/Programmation-JavaScript/91024.html' >Comment faire pour modifier le contenu d'un iFrame Avec le JavaScript </a></li></span><br /> Article suivant：<span class="nr"> <a class='LinkNextArticle' href='/programmation/Programmation-JavaScript/91026.html' >Comment faire pour exécuter JavaScript sur une page Web </a></li></span></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="96%" height="22" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFEF"> <tr> <td width="2%" align="left" ></td> <td width="98%" align="left" >Articles recommandés</td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" > <li><a href="/programmation/Programmation-JavaScript/90785.html">JavaScript vs applets Java robuste </a></li><li><a href="/programmation/Programmation-JavaScript/91080.html">Comment faire pour rendre le texte emménagement Steam Games </a></li><li><a href="/programmation/Programmation-JavaScript/91222.html">Comment créer une image Recherche sur un site Web </a></li><li><a href="/programmation/Programmation-JavaScript/90802.html">Comment faire pour utiliser l'API Google Maps pour Auto Complete Fields Localisation </a></li><li><a href="/programmation/Programmation-JavaScript/90907.html">Comment faire pour masquer la liste déroulante en JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/91007.html">Comment faire pour convertir un INT en une chaîne avec Javascript </a></li><li><a href="/programmation/Programmation-JavaScript/90901.html">Comment changer Div texte en gras en JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/91145.html">Comment désactiver HTML sélection de texte </a></li><li><a href="/programmation/Programmation-JavaScript/91121.html">Comment ajouter des éléments à une zone de liste déroulante avec JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/91013.html">Comment passer un entier en fonction en JavaScript </a></li> </td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table></td> </tr> </table> <table width="980" height="12" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="980" height="90" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#3597E2"> <tr> <td align="center" class="foot">Connaissances Informatiques © http://www.ordinateur.cc <br /> </td> </tr> </table>   </body> </html>