`

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" onclick="setHiddenCol(document.getElementById('Table1'),1)">     

<INPUT id="btnHiddenRow" type="button" value="显示/隐藏第2行" name="btnHiddenRow" onclick="setHiddenRow(document.getElementById('Table1'),1)">     

</BODY> 

分享到：
| 网站变灰色的方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics