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>
1、打开VisualStudioCode，选择文件夹，点击新建文本选项。2、给新建的文件对象重命名，文件名以.html结尾，此处文件命名为img.html。
3、在代码块中编写代码文件，先插入文字代码，在输入图片代码。
4、右击代码空白处，在d出的选项卡中选择OpenInDefaultBrowser选项。更改完成后，在界面中显示图片在右，文字靠左的效果。
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#d1,#d2{
background:#F10D11
width:200px
height:100px
}
#d2{display:none}
</style>
</head>
<body>
<p onclick="javascript:change(this)">显示d2</p>
<div id="d1">
<p>d1d1d1d1d1d1d1d1d1d1</p>
</div>
<div id="d2">
<p>d2d2d2d2d2d2d2d2d2d2</p>
</div>
<script>
function change(obj){
if(obj.innerHTML == '显示d2'){
obj.innerHTML = '显示d1'
document.getElementById('d1').style.display = 'none'
document.getElementById('d2').style.display = 'block'
} else {
obj.innerHTML = '显示d2'
document.getElementById('d1').style.display = 'block'
document.getElementById('d2').style.display = 'none'
}
}
</script>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）