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

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

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    <table id=otable  cellpadding=1 cellspacing=1 border=1>
    <tr >
    <td >王一1</td>
    <td>王一1</td>
    <td>王一1</td>
    </tr>
    <tr>
    <td>王一2</td>
    <td>王一2</td>
    <td>王一2</td>
    </tr>
    <tr>
    <td>王一3</td>
    <td>王一3</td>
    <td>王一3</td>
    </tr>
    </table>
    <input type=button name=b1 value="click" onclick=zhou(begin=1,end=2)>
    </BODY>
    </HTML>
    <script language=javascript>
    <!--
    function  zhou(x,y)
    {
        var i,j;
    x=begin-1;
    y=end-1;
    i=otable.rows.length;
    if(y>i)
    {
     alert("超过了");
     return false;
    } 
        for (j=x;j<=y;j++)
        {
    otable.rows(j).style.display="none";
    } 
    }

    -->
    </script>//显示otable.rows(j).style.display="inline";