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> 

    原文作者:mikyz
    原文地址: https://blog.csdn.net/mikyz/article/details/69397191
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞