1. Описание
(1) вернуть ссылку или узел в элемент в соответствии со значением идентификатора предоставленного элемента
document.getElementById ("tr_th")(2) вернуть ссылку или узел в группу элементов в соответствии с оценками в параметре
document.getelementsbytagname ("td")2. Реализация исходного кода
<! 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"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> javascript styles через идентификатор и название </title> <стиль = "text/css" # 1px #cccccc Solid; } </style> <script type = "text/javascript">/*** javascript styls через идентификатор и имя*/function setfontcolor () {// Получить идентификатор заголовка в таблице var tabid = document.getelementbyid ("tr_th"); // Установить цвет текста заголовка tabid.style.color = "желтый"; // Получить td var tabname = document.getelementsbytagname ("td"); // Рассчитать количество td var len = tabname.length; // Трансф TD в таблице и установите цвет содержимого в TD для (var i = 0; i <len; i ++) {tabname [i] .style.color = "blue"; } } </script> </head> <body> <table cellpadding="1" cellpacing="0" style="border:1px #CCCCCC solid; width:50%; text-align:center;"> <tr id="tr_th"> <th>work number</th> <th>name</th> <th>age</th> <th>gender</th> </tr> <tr> <Td> 2012010101 </td> <td> Zhang Sansan </td> <td> 23 </td> <td> мужчина </td> </tr> <tr> <td> 2012010102 </td> <td> liu sisi </td> <td> 20 </td> <td> <td> </td </td> <td> </td> <td> <td> </td> </td> </td> </td> </td> <td> <dd> </td> <td> </td> <td> <td> </td> <td> </td> <td> <dd> </td> <td> </td> <td> <td> </td> <td>. type = "button" value = "set Color" onclick = "setFontColor ()"/> </body> </html>3. достичь результатов
(1) Инициализация
(2) Нажмите кнопку «Установить цвет»