1. تنفيذ رمز المصدر
نسخة الكود كما يلي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<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 ++)
{
التنبيه (tableid.rows [i] .cells [1] .innerhtml) ؛
}
}
</script>
</head>
<body>
<table id = "tab" onClick = "getTdValue ()" cellpadding = "1" cellpacing = "1">
<tr style = "background-color: #ccc ؛">
<h> رقم الطالب </th>
<h> الاسم </th>
<th> الجنس </th>
<th> العمر </th>
</r>
<tr>
<td> 1 </td>
<td> li si </td>
<td> ذكر </td>
<td> 22 </td>
</r>
<tr>
<td> 2 </td>
<td> وانغ تشيان </td>
<td> أنثى </td>
<td> 20 </td>
</r>
<tr>
<td> 3 </td>
<td> Yu Qian </td>
<td> ذكر </td>
<td> 18 </td>
</r>
<tr>
<td> 4 </td>
<td> liu lang </td>
<td> أنثى </td>
<td> 19 </td>
</r>
<tr>
<td> 5 </td>
<td> Zhuge Liang </td>
<td> ذكر </td>
<td> 20 </td>
</r>
<tr>
<td> 6 </td>
<td> السحابة الشرقية </td>
<td> أنثى </td>
<td> 21 </td>
</r>
<tr>
<td> 7 </td>
<td> gongsun ce </td>
<td> ذكر </td>
<td> 22 </td>
</r>
<tr>
<td> 8 </td>
<td> baoqing </td>
<td> أنثى </td>
<td> 23 </td>
</r>
<tr>
<td> 9 </td>
<td> التعليم الفكري </td>
<td> ذكر </td>
<td> 20 </td>
</r>
<tr>
<td> 10 </td>
<td> liu sisi </td>
<td> أنثى </td>
<td> 21 </td>
</r>
</table>
</body>
</html>
2. نتائج التصميم
(1) التهيئة
(2) عند النقر فوق العمود الثاني