如何设置页面元素的显示和隐藏?

来源:互联网 发布:linux php编译 编辑:程序博客网 时间:2024/05/30 04:12

    主要用到两个属性,visibilitydisplay,区别在于:属性的值不同:visibility属性的值有:visible(可见),hidden(不可见),Display属性的值有:none(不可见),block(可见)。

    visibility属性设置元素不可见时,元素仍然占据页面上的空间,而display属性设置元素不可见不会占据页面上的空间。

代码示例:

1)   document.getElementById('对象1').style.display = "none";(会释放元素所在页面上所占的空间)

2)   document.getElementById('对象1').style.visibility= "visible";(不会释放元素所在页面上所占的空间)

原创粉丝点击