1. Beschreibung
(1) Geben Sie eine Referenz oder einen Knoten gemäß dem ID -Wert des angegebenen Elements an das Element zurück
document.getElementById ("tr_th")(2) Geben Sie eine Referenz oder einen Knoten an eine Elementgruppe gemäß den Markierungen im Parameter zurück
document.getElementsByTagName ("TD")2. Implementieren Sie den Quellcode
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript styles through ID and name</title> <style type="text/css"> #tr_th,tr td{ border: 1px #ccccc Solid; } </style> <script type = "text/javaScript">/*** JavaScript -Styles über ID und Name*/Funktion setfontColor () {// Die Header -ID in der Tabelle var tabid = document.getElementById ("tr_th"); // Setzen Sie die Farbe des Header -Textes tabid.style.color = "Yellow"; // Holen Sie sich den TD var tabname = document.getElementsByTagName ("td"); // Berechnen Sie die Anzahl der TD var len = tabname.length; // die TD in der Tabelle übertragen und die Inhaltsfarbe in der TD für (var i = 0; i <len; i ++) {tabname [i] .style.color = "blau" festlegen; }} </script> </head> <body> <table cellpadding = "1" cellpacing = "0" style = "border: 1px #cccc solid; width: 50%; text-align;"> <tr id = "tr_th" <td>2012010101</td> <td>Zhang Sansan</td> <td>23</td> <td>Male</td> </tr> <tr> <td>2012010102</td> <td>Liu Sisi</td> <td>20</td> <td>Female</td> </tr> </table> <input type = "button" value = "color" onclick = "setfontcolor ()"/> </body> </html>3.. Ergebnisse erzielen
(1) Initialisierung
(2) Klicken Sie auf die Schaltfläche "Farbe festlegen"