js隐藏再显示行的时候出问题了!!!

来源:百度知道 编辑:UC知道 时间:2024/06/19 13:45:53
代码如下:
<a href="#" onclick="javascript:document.getElementById('t1').style.display='block';return false;"
onDblClick="javascript: document.getElementById('t1').style.display='none' ;return false;"> link1 </a>
<table width="100%" border="1" cellspacing="0" cellpadding="0" bgcolor="#000000">
<tbody id="t1" style="display:block">
<tr bgcolor="#ffffff">
<td rowspan="4" id="t2" scope="col">1</th>
<td scope="col">2</th>
<td scope="col">3</th>
<td scope="col">4</th>
</tr>
<tr bgcolor="#ffffff">
<td&

style="display:none"

那是因为你应该把table的id名称定为t1,tbody只是table的一个子元素,你把tbody隐藏了,可是table没有被隐藏了,它还有thead、tfoot两个子元素呢,这两个可没有被隐藏啊,所以table不会被完全隐藏了。

将table放到层里,对层进行隐藏跟显示控制。
在js中用属性"display:none"可以控制页面任何标签的显示与隐藏。