style="visibility: none"
document.getElementById("typediv1").style.visibility="hidden"//隐藏
document.getElementById("typediv1").style.visibility="visible"//显示
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>
用JS方法隐藏
<script type="text/javascript">if(document.body.scrollWidth < 700){
document.getElementById('float').style.display = 'none'
}
</script>
2.CSS控制
<html><head>
<meta charset="UTF-8">
<title>标题</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<style type="text/css">
.float{
width:100%
height:auto
}
</style>
</head>
<body>
<div class="float">
<p class="title">机器人哭啥?</p>
<p class="summary">轮机器人为什么哭。轮机器人为什么哭。轮机器人为什么哭。轮机器人为什么哭。轮机器人为什么哭。轮机器人为什么哭。轮机器人为什么哭。</p>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）