<script>
function aa()
{////
a.style.display="";
}
</script>
<input type=button onclick=aa(); value='可见'>
<table>
<tr id=a style="display:none"><td>111</td></tr>
<tr id=b><td>222</td></tr>
</table>
function aa()
{////
a.style.display="";
}
</script>
<input type=button onclick=aa(); value='可见'>
<table>
<tr id=a style="display:none"><td>111</td></tr>
<tr id=b><td>222</td></tr>
</table>
<tr><td>第一行</td></tr>
<tr><td>第二行</td></tr>
<tr style="display:none"><td>第三行</td></tr>
<tr><td>第四行</td></tr>
</table>
<br>
<button onClick="disp()">显示第三行</button>
<script language="JavaScript">
function disp(){
tab.rows[2].style.display = ""
}
</script>
能否求出table共有多少行呢?用一个循环让其全部可见!
<tr><td>第一行</td></tr>
<tr><td>第二行</td></tr>
<tr style="display:none"><td>第三行</td></tr>
<tr><td>第四行</td></tr>
</table>
<br>
<button onClick="disp()">显示</button>
<button onClick="hide()">隐藏</button>
<script language="JavaScript">
function hide(){
var a=tab.rows.length;
for (i=0;i<a;i++)
{
tab.rows[i].style.display ="none";
}
}
function disp(){
var a=tab.rows.length;
for (i=0;i<a;i++)
{
tab.rows[i].style.display = ""
}
}
</script>
<body onload="hide()">
</body>
这样之后table还是占有页面的空间,能否让其不占空间!
var tablerownum;
tablerownum=document.all('tb').rows.length; //tb为table的ID
for (i=0;i<tablerownum-1;i++)
{
document.all('tb').rows(i).style.display=''
}
</script>