中国人民公安大学校网:JavaScript如何控制表格?

来源:百度文库 编辑:杭州交通信息网 时间:2024/05/01 14:30:56
有一个成绩表
<table>
<tr><td>学号</td><td>姓名</td><td>数学</td><td>语文</td></tr>
<tr><td>1</td><td>小明</td><td>40</td><td>60</td></tr>
<tr><td>2</td><td>小红</td><td>50</td><td>70</td></tr>
<tr><td>3</td><td>小强</td><td>60</td><td>80</td></tr>
</table>
我想用一些javascript函数来操作这个数据表
需要一下函数
1.增加一名学生的成绩
2.删除一名学生的成绩,并且重排学号
3.修改一名学生某科目成绩
4.将表内容转换为字符串,以“,”间隔
5.清空表格
6.按某科目分数排序
以上为基本功能,希望高手指点,谢谢

解决了么?解决不了我帮你,QQ:16599564

表格的html代码:
1<table id="ContentTable">
2<tbody style="DISPLAY:block">
3<tr>
4<td>0</td>
5</tr>
6</tbody>
7<tbody style="DISPLAY:none">
8<tr>
9<td align="left">1</td>
10</tr>
11</tbody>
12<tbody style="DISPLAY:none">
13<tr>
14<td align="left">2</td>
15</tr>
16</tbody>
17<tbody style="DISPLAY:none">
18<tr>
19<td align="left">3 </td>
20</tr>
21</tbody>
22<tbody style="DISPLAY:none">
23<tr>
24<td>4</td>
25</tr>
26</tbody>
27</table>
28
JS函数代码:
1 <script language="javascript">
2 <!--
3 function show(n)
4 {
5 for(i=0;i<ContentTable.tBodies.length;i++)
6 ContentTable.tBodies[i].style.display="none";
7 ContentTable.tBodies[n].style.display="block";
8 }
9
10 //-->
11 </script>
JS调用代码:
<a href="#" onclick="show(0);">显示第1行</a>

加我QQ我告诉你QQ:604769232