1. Реализация исходного кода
Кода -копия выглядит следующим образом:
<! 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">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> реализация JavaScript получает значение столбца в таблице </title>
<script type = "text/javascript">
функция getTdValue ()
{
var tableId = document.getElementbyId ("tab");
var str = "";
для (var i = 1; i <tableid.rows.length; i ++)
{
Alert (tableId.rows [i] .cells [1] .innerhtml);
}
}
</script>
</head>
<тело>
<таблица id = "tab" onclick = "getTdValue ()" cellPadding = "1" cellpacing = "1">
<tr style = "фоновый цвет: #ccc;">
<Th> номер студента </th>
<Th> имя </th>
<th> Пол </th>
<th> возраст </th>
</tr>
<tr>
<td> 1 </td>
<td> li si </td>
<TD> мужчина </td>
<td> 22 </td>
</tr>
<tr>
<td> 2 </td>
<Td> wang Qian </td>
<Td> Женщина </td>
<td> 20 </td>
</tr>
<tr>
<td> 3 </td>
<td> yu qian </td>
<TD> мужчина </td>
<TD> 18 </td>
</tr>
<tr>
<td> 4 </td>
<Td> Лю Ланг </td>
<Td> Женщина </td>
<td> 19 </td>
</tr>
<tr>
<td> 5 </td>
<Td> Zhuge Liang </td>
<TD> мужчина </td>
<td> 20 </td>
</tr>
<tr>
<td> 6 </td>
<TD> Восточное облако </td>
<Td> Женщина </td>
<td> 21 </td>
</tr>
<tr>
<td> 7 </td>
<Td> Gongsun CE </td>
<TD> мужчина </td>
<td> 22 </td>
</tr>
<tr>
<td> 8 </td>
<TD> BAOQING </td>
<Td> Женщина </td>
<td> 23 </td>
</tr>
<tr>
<td> 9 </td>
<TD> интеллектуальное образование </td>
<TD> мужчина </td>
<td> 20 </td>
</tr>
<tr>
<td> 10 </td>
<Td> Лю Сиси </td>
<Td> Женщина </td>
<td> 21 </td>
</tr>
</table>
</body>
</html>
2. Результаты дизайна
(1) Инициализация
(2) При щелчке второго столбца