六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 182|回复: 0

javascript(Js)如何隐藏表格(Table)的行或列?

[复制链接]

升级  10.75%

389

主题

389

主题

389

主题

探花

Rank: 6Rank: 6

积分
1215
 楼主| 发表于 2013-2-7 20:57:29 | 显示全部楼层 |阅读模式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> 显示隐藏列 </TITLE><SCRIPT LANGUAGE="JavaScript"><!--function setHiddenCol(oTable,iCol)//Writed by QQ:190988779 at 2007-7-24 11:14:09{    for (i=0;i < oTable.rows.length ; i++)    {        oTable.rows.cells[iCol].style.display = oTable.rows.cells[iCol].style.display=="none"?"block":"none";    }}function setHiddenRow(oTable,iRow)//Writed by QQ:190988779 at 2007-7-24 11:14:09{    oTable.rows[iRow].style.display = oTable.rows[iRow].style.display == "none"?"block":"none";}//--></SCRIPT></HEAD><BODY><TABLE id="Table1" cellSpacing="1" cellPadding="1" border="1"> <TR> <TD width="20%">00</TD> <TD width="20%" bgcolor="#E3E3E3">01</TD> <TD width="20%">02</TD></TR><TR> <TD width="20%" bgcolor="red">10</TD> <TD width="20%" bgcolor="green">11</TD> <TD width="20%" bgcolor="red">12</TD></TR><TR> <TD width="20%">20</TD> <TD width="20%" bgcolor="#E3E3E3">21</TD> <TD width="20%">22</TD></TR></TABLE> </P> <INPUT id="btnHiddenCol" type="button" value="显示/隐藏第2列" name="btnHiddenCol" > <INPUT id="btnHiddenRow" type="button" value="显示/隐藏第2行" name="btnHiddenRow" > </BODY></HTML> 
http://hi.baidu.com/gaomode/blog/item/084fff606789a2dc8db10dc0.html
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表