html显示隐藏div

html-css09

html显示隐藏div,第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>

很显然,visibility字面意思就是可视性,要么就是可视visible,要么就是隐藏hidden;

而display当然也可以影藏none,也可显示,但是,显示不一定只是指看不看的见,而是以一种什么样的形式显示在浏览器当中,block显示为块级元素,inline显示为行内元素,inline-table以表格形式显示等等。

手打,自己的理解,求采纳!

1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条).

overflow-x水平方向内容溢出时的设置.

overflow-y垂直方向内容溢出时的设置.

以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色).

scrollbar-arrow-color上下按钮上三角箭头的颜色.

scrollbar-base-color滚动条的基本颜色.

scrollbar-dark-shadow-color立体滚动条强阴影的颜色.

scrollbar-face-color立体滚动条凸出部分的颜色.

scrollbar-highlight-color滚动条空白部分的颜色.

scrollbar-shadow-color立体滚动条阴影的颜色.