JavaScript Traversal Table
1. Описание
Относиться через строку и столбец в таблице и распечатать его значение
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 Traversal Table </title> <style = "tex/css"> tr. 1px твердый; } </style> <script type = "text/javascript">/** * javascript Traversal Table */function wallyTableRow () {// Получить номер последовательности таблицы VAR Tab = Document.getElementById ("tab"); // Получить номер строки var rows = tab.rows; // Строка перехода для (var i = 1; i <rows.length; i ++) {// столбец таблицы перехода для (var j = 0; j <rows [i] .cells.length; j ++) {// печатать значение определенной строки и столбца ("th"+(i+1)+"строка, значение"+1)+" IS: "+Rows [i] .cells [j] .innerhtml); } } } </script> </head> <body> <table id="tab" cellpadding="0" cellpacing="0"> <tr style="border:#CCC 1px solid;"> <th>Student number</th> <th>Age</th> <th>Gender</th> </tr> <tr> <td>2014010101</td> <td>Zhang Sisi </td> <td> 20 </td> <td> самка </td> </tr> <tr> <td> 20140101011 </td> <td> lisan </td> <td> 21 </td> <td> Мужчина </td> </tr> <tr> <td> 20140103 </td> </td> </tr> <tr> <td> 20140103 </td> <Td> <Td> <Td> <Td> <Td> <Td> <Td> <Td> <Td> <Td> <TD> <Td> <Td> <TD> <Td> <Td> <TD> <TD> <TD> <TD> <TD> <TD> <TD> <TD> 2011 </TD> <TD> 22 </TD> <TD> Женский </td> </tr> <tr> <td> 2014010104 </td> <td> julie </td> <td> 23 </td> <td> Мужчина </td> </tr> </table> <input = "traversal =" traversal "onclick =" caytablay () </table> <) <) "/" Traversal "onclick ="/table> <) </table> <) "/" </html>3. достичь результатов
(1) Инициализация
(2) Нажмите «Путешествие»
(3) снова нажмите «Путешествие»