1. Implementar código -fonte
A cópia do código é a seguinte:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-bransitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> A implementação do JavaScript recebe o valor de uma coluna na tabela </ititle>
<script type = "text/javascript">
função gettdValue ()
{
var tableId = document.getElementById ("tab");
var str = "";
for (var i = 1; i <tableid.rows.length; i ++)
{
alerta (tabelaid.rows [i] .Cells [1] .innerhtml);
}
}
</script>
</head>
<Body>
<tabela id = "tab" onclick = "gettdValue ()" CellPadding = "1" CellPacing = "1">
<tr Style = "Background-Color: #CCC;">
<th> Número do aluno </th>
<th> nome </th>
<th> gênero </th>
<th> idade </th>
</tr>
<tr>
<Td> 1 </td>
<td> li si </td>
<Td> masculino </td>
<Td> 22 </td>
</tr>
<tr>
<Td> 2 </td>
<td> Wang Qian </td>
<Td> feminino </td>
<Td> 20 </td>
</tr>
<tr>
<Td> 3 </td>
<td> yu qian </td>
<Td> masculino </td>
<Td> 18 </td>
</tr>
<tr>
<Td> 4 </td>
<Td> Liu Lang </td>
<Td> feminino </td>
<Td> 19 </td>
</tr>
<tr>
<Td> 5 </td>
<td> zhuge liang </td>
<Td> masculino </td>
<Td> 20 </td>
</tr>
<tr>
<Td> 6 </td>
<td> nuvem oriental </td>
<Td> feminino </td>
<Td> 21 </td>
</tr>
<tr>
<Td> 7 </td>
<td> gongsun ce </td>
<Td> masculino </td>
<Td> 22 </td>
</tr>
<tr>
<Td> 8 </td>
<td> baoqing </td>
<Td> feminino </td>
<Td> 23 </td>
</tr>
<tr>
<Td> 9 </td>
<Td> Educação intelectual </td>
<Td> masculino </td>
<Td> 20 </td>
</tr>
<tr>
<Td> 10 </td>
<td> liu sisi </td>
<Td> feminino </td>
<Td> 21 </td>
</tr>
</tabela>
</body>
</html>
2. Resultados do projeto
(1) Inicialização
(2) Ao clicar na segunda coluna