1. Implementieren Sie den Quellcode
Die Codekopie lautet wie folgt:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> JavaScript -Implementierung erhält den Wert einer Spalte in der Tabelle </title>
<script type = "text/javaScript">
Funktion gettdValue ()
{
var tableId = document.getElementById ("tab");
var str = "";
für (var i = 1; i <tableId.rows.length; i ++)
{
alert (tableid.rows [i] .cells [1] .innerhtml);
}
}
</script>
</head>
<body>
<table id = "tab" onclick = "getTdValue ()" cellpadding = "1" cellpacing = "1">
<tr style = "Hintergrundfarbe: #CCC;">
<Th> Schülernummer </th>
<Th> Name </th>
<Th> Geschlecht </th>
<Th> Alter </th>
</tr>
<tr>
<td> 1 </td>
<td> li si </td>
<td> männlich </td>
<td> 22 </td>
</tr>
<tr>
<td> 2 </td>
<td> wang Qian </td>
<td> weiblich </td>
<td> 20 </td>
</tr>
<tr>
<td> 3 </td>
<td> yu qian </td>
<td> männlich </td>
<td> 18 </td>
</tr>
<tr>
<td> 4 </td>
<td> Liu Lang </td>
<td> weiblich </td>
<td> 19 </td>
</tr>
<tr>
<td> 5 </td>
<td> zhuge liang </td>
<td> männlich </td>
<td> 20 </td>
</tr>
<tr>
<td> 6 </td>
<td> Orientalische Wolke </td>
<td> weiblich </td>
<td> 21 </td>
</tr>
<tr>
<td> 7 </td>
<td> gongsun ce </td>
<td> männlich </td>
<td> 22 </td>
</tr>
<tr>
<td> 8 </td>
<td> baoqing </td>
<td> weiblich </td>
<td> 23 </td>
</tr>
<tr>
<td> 9 </td>
<td> Intellektuelle Bildung </td>
<td> männlich </td>
<td> 20 </td>
</tr>
<tr>
<td> 10 </td>
<td> liu sisi </td>
<td> weiblich </td>
<td> 21 </td>
</tr>
</table>
</body>
</html>
2. Entwurfsergebnisse
(1) Initialisierung
(2) beim Klicken auf die zweite Spalte