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>
div属于块元素，通俗的讲，块元素会占一整行。如果让一行显示两个div有两种方法。
1、让两个想并排的div的转换成行内元素
div{display:inline}2、让两div设置固定宽度，然后让其浮动显示即可。
div{width:50%float:left}注意也可将div宽度设置成像素宽度，但两个div的宽度加起来不能大于父级div的宽度，只能 小于或等于。
页面中的javascript代码显示在<script></script>标签之内，而<script>标签也可以看做普通的HTML元素，因此使用innerHTML即可获取<script>标签内的javascript代码。实例演示如下：1、HTML结构
<div id ="test"></div>
<input type='button' value='获取页面的javascript代码' onclick="fun()"/>
2、javascript代码
<script id="script_id">
function fun(){
var code = document.getElementById("script_id").innerHTML
var div = document.getElementById("test")
div.innerHTML = code
}
</script>
