html显示隐藏div
发布网友
发布时间：2022-04-20 13:54
共6个回答
热心网友
时间：2022-04-19 06:57
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>
热心网友
时间：2022-04-19 08:15
隐藏和显示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="";//显示
热心网友
时间：2022-04-19 09:50
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="";//显
热心网友
时间：2022-04-19 11:41
[木星文]9BDBC92AD76D8D70A7694B463ECD2524A91EB99E46BECAD72506823C14F6
木星文翻译地址：http://www.baidu.com/p/hisdw6/detail
热心网友
时间：2022-04-19 13:49
style="display:none" 放到下面tr
热心网友
时间：2022-04-19 16:14
你在div里放tr了，应该在tr里放div的
