1. Description
(1) Renvoyez une référence ou un nœud à l'élément en fonction de la valeur ID de l'élément fourni
document.getElementById ("tr_th")(2) Renvoyez une référence ou un nœud à un groupe d'éléments selon les marques du paramètre
document.getElementsByTagName ("TD")2. Implémentez le code source
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <éadf> <meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <tame> javascript styles via id and name </ title> <style type = "text / css"> # tr_th, tr td. 1PX #cccccc solide; } </ style> <script type = "text / javascript"> / ** * Styles javascript via l'ID et le nom * / fonction setFontColor () {// Obtenez l'ID d'en-tête dans le tableau var tabid = document.getElementyId ("tr_th"); // Définissez la couleur du texte d'en-tête tabid.style.color = "jaune"; // Obtenez le td var tabname = document.getElementsByTagName ("TD"); // Calculez le nombre de td var len = tabName.length; // Transft le TD dans le tableau et définissez la couleur du contenu dans le td pour (var i = 0; i <len; i ++) {tabName [i] .style.color = "blue"; }} </ script> </ head> <body> <table cellpadding = "1" cellpacing = "0" style = "border: 1px #cccccc solide; width: 50%; text-align: Center;"> <tr id = "tr_th"> <th> numéro de travail </ th> <th> name </ th> <th> Âge </th> <th> Gender </ th> </ Tr> <Td> 2012010101 </td> <td> Zhang Sansan </td> <Td> 23 </td> <Td> mâle </td> </ tr> <tr> <td> 2012010102 </td> <td> liu sissi </td> <td> 20 </td> <td> Femme </si> </puldu> </purie type = "Button" value = "set colore" onclick = "setfontcolor ()" /> </ body> </html>3. Réaliser des résultats
(1) initialisation
(2) Cliquez sur le bouton "Définir la couleur"