1. Descripción
(1) devuelva una referencia o nodo al elemento de acuerdo con el valor de identificación del elemento proporcionado
document.getElementById ("tr_th")(2) Devuelva una referencia o nodo a un grupo de elementos de acuerdo con las marcas en el parámetro
document.getElementsBytagName ("TD")2. Implementar el código fuente
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> javaScript Styles a través de ID y nombre </title> <syle tipo = "text/css"> # #, try tt/sylles, estilos a través de ID y nombre </title> <syle tipo = "text/css"> # # #, try {thitle> 1px #CCCCCC Solid; } </style> <script type = "text/javaScript">/*** JavaScript Styles a través de id y nombre*/function setFontColor () {// Obtener la ID del encabezado en la tabla var tabid = document.getElementById ("tr_th"); // Establecer el color del texto del encabezado Tabid.style.color = "Yellow"; // Obtener el TD var tabname = document.getElementsBytagName ("td"); // Calcule el número de td var len = tabname.length; // Transfiera el TD en la tabla y establezca el color del contenido en el TD para (var i = 0; i <len; i ++) {tabname [i] .style.color = "blue"; }}} </script> </head> <body> <table cellPadding = "1" cellPacing = "" 0 "style =" borde: 1px #ccccccc sólido; ancho: 50%; text-align: central; "> <tr id =" tr_th "> <th> número de trabajo </th> <TD> 2012010101 </td> <td> zhang sansan </td> <td> 23 </td> <td> masculino </td> </tr> <tr> <tr> <td> 2012010202 </td> <td> liu sisi </td> <td> 20 </td> <td> femenino </td> </trur type = "botón" value = "set color" onClick = "setFontColor ()"/> </body> </html>3. Lograr resultados
(1) Inicialización
(2) Haga clic en el botón "Establecer color"