关于表格的操作!急!!!在线等待...

我现在想用javascript写两个函数displayrow(start,end)和displaycolumn(start,end)对表格进行操作,它们分别实现如下功能:
1)displayrow(start,end):只显示表格中从start到end的几行,其它几行不显示,但也不删除,只是隐藏。(start,end为行号)
1)displaycolumn(start,end):只显示表格中从start到end的几列,其它几列不显示,但也不删除,只是隐藏。(start,end为列号)
请各位大侠帮忙,这两个函数该如何写?先谢了!
---------------------------------------------------------------

 1<script>   
 2//应该加上更加严格的限制条件,判断start和end是否超出了row和column的数目   
 3function displayrow(start,end)   
 4{   
 5var tb=document.getElementById("tableID")   
 6if(end>=tb.rows.length) return   
 7for(i=start;i<=end;i++)   
 8tb.rows[i].style.display="none"   
 9}   
10function displaycolumn(start,end)   
11{   
12var tb=document.getElementById("tableID")   
13for(i=0;i<tb.rows.length;i++)   
14{   
15for(j=start;j<=end;j++)   
16{   
17if(end>=tb.rows[i].cells.length) return   
18tb.rows[i].cells[j].style.display="none"   
19}   
20}   
21}   
22</script>
1<table border="1" id="tableId">
2<tr><td>11</td><td>12</td><td>13</td><td>14</td></tr>
3<tr><td>21</td><td>22</td><td>23</td><td>24</td></tr>
4<tr><td>31</td><td>32</td><td>33</td><td>34</td></tr>
5</table>
1<input onclick="displayrow(1,2)" type="button" value="rows 2:3不可见"/>
1<input onclick="displaycolumn(1,2)" type="button" value="cells 2:3不可见"/>

---------------------------------------------------------------

 1<html>
 2<head>
 3<meta content="Microsoft Visual Studio 6.0" name="GENERATOR"/>
 4<title></title>
 5</head>
 6<body>
 7<table border="1" cellpadding="1" cellspacing="1" id="otable">
 8<tr>
 9<td>王一1</td>
10<td>王一1</td>
11<td>王一1</td>
12</tr>
13<tr>
14<td>王一2</td>
15<td>王一2</td>
16<td>王一2</td>
17</tr>
18<tr>
19<td>王一3</td>
20<td>王一3</td>
21<td>王一3</td>
22</tr>
23</table>
24<input name="b1" onclick="zhou(begin=1,end=2)" type="button" value="click"/>
25</body>
26</html>
 1<script language="javascript">   
 2<!--   
 3function zhou(x,y)   
 4{   
 5var i,j;   
 6x=begin-1;   
 7y=end-1;   
 8i=otable.rows.length;   
 9if(y>i)   
10{   
11alert("超过了");   
12return false;   
13}   
14for (j=x;j<=y;j++)   
15{   
16otable.rows(j).style.display="none";   
17}   
18}   
19  
20\-->   
21</script>

//显示otable.rows(j).style.display="inline";

Published At
Categories with Web编程
Tagged with
comments powered by Disqus