Question

html显示隐藏div

<table>
<tr>
<td>总是显示</td>
</tr>
<div id="prdinfo" style="display:block">
<tr>
<td>
默认显示<br /><br />
</td>
</tr>
</div>

<div id="pingjia" style="display:none">
<tr>
<td>
默认不显示<br /><br />
</td>
</tr>
</div>
</table>
如上，为什么下面那个div也显示了啊？？

Answer 1

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:

1

2

3

style="visibility:none;"

document，getElementById("typediv1")，style，visibility="hidden";//隐藏

document，getElementById("typediv1")，style，visibility="visible";//显示

通过设置display属性可以使div隐藏后释放占用的页面空间，如下

1

2

3

style="display:none;"

document，getElementById("typediv1")，style，display="none";//隐藏

document，getElementById("typediv1")，style，display="";//显

$('#h'），click(function(){//点击隐藏，建议把td的id换成class，这样不管几个td几个tr都能用

if($('#td1')，text()==""){

$('#td1')，parent('tr')，hide()

}

});

显示

$('#s'），click(function(){

$('tr')，show()

});

代码性能不好，可以自己去完善

拓展资料

用tbody隐藏吧div和table不好交叉着用

<table>

<tr><td>显示的</td></tr>

<tbodystyle="display:none">

<tr><td>隐藏的</td></tr>

<tr><td>隐藏的</td></tr>

</tbody>

<tr><td>显示的</td></tr>

</table>

Answer 2

隐藏和显示div的方式有两种：
方式1：隐藏后仍占有页面空间，显示空白
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白.
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示
方式2：隐藏后释放占用的页面空间
通过设置display属性可以使div隐藏后释放占用的页面空间.
style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示

Answer 3

　　div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:

　　

    style="visibility: none;"
　　document.getElementById("typediv1").style.visibility="hidden";//隐藏
　　document.getElementById("typediv1").style.visibility="visible";//显示

　　　　

　　通过设置display属性可以使div隐藏后释放占用的页面空间，如下

　　

    style="display: none;"
　　document.getElementById("typediv1").style.display="none";//隐藏
　　document.getElementById("typediv1").style.display="";//显

Answer 4

[木星文]9BDBC92AD76D8D70A7694B463ECD2524A91EB99E46BECAD725890896823C14F6

木星文翻译地址：http://www.baidu.com/p/hisdw6/detail

Answer 5

style="display:none" 放到下面tr