js显示隐藏 table 的行和列-CFANZ编程社区

js显示隐藏 table 的行和列

<SCRIPT LANGUAGE="JavaScript">    
<!--    
function setHiddenCol(oTable,iCol)
{    
    for (i=0;i < oTable.rows.length ; i++)    
    { oTable.rows[i].cells[iCol].style.display = oTable.rows[i].cells[iCol].style.display=="none"?"":"none";     }    
}    
function setHiddenRow(oTable,iRow)
{  oTable.rows[iRow].style.display = oTable.rows[iRow].style.display == "none"?"":"none";   }    
//-->    
</SCRIPT> 
 
 
 
<BODY>    
<TABLE id="Table1" cellSpacing="1" cellPadding="1" border="1">      
<TR> <TD>00</TD> <TD>01</TD> <TD>02</TD></TR>    
<TR> <TD>10</TD> <TD>11</TD> <TD>12</TD></TR>    
<TR> <TD>20</TD> <TD>21</TD> <TD>22</TD></TR>    
</TABLE> 
<INPUT id="btnHiddenCol" type="button" value="显示/隐藏第2列" name="btnHiddenCol" οnclick="setHiddenCol(document.getElementById('Table1'),1)">     
<INPUT id="btnHiddenRow" type="button" value="显示/隐藏第2行" name="btnHiddenRow" οnclick="setHiddenRow(document.getElementById('Table1'),1)">     
</BODY>

0 条评论