使一个div可见,另一个不可见

Question

我有两个div标签,一个用于搜索,另一个用于搜索结果.我需要的是,当单击提交按钮时,返回结果并将其放入结果div(使用iframe),搜索div应该隐藏,结果div应该可见.

搜索div最初设置为可见(使用可见性可见),结果div最初设置为隐藏(使用隐藏的可见性).

此外,最初在隐藏div的页面底部有一个巨大的空白区域,所以我如何确保底部没有额外的空白区域.

Answer 1

您可以使用样式的display属性.Intialy将结果部分样式设置为

style = "display:none"

然后div将不可见,并且不会有任何空白区域.

填充搜索结果后,使用java脚本更改显示属性

document.getElementById("someObj").style.display = "block"

使用java脚本可以使div不可见

document.getElementById("someObj").style.display = "none"

Answer 2

通过可见性使其隐藏仍然会占用空间.而是尝试将显示设置为none以使其不可见,然后将显示设置为阻止以使其可见.

Answer 3

我不认为你真的想要一个iframe,对吗？

除非你做了一些奇怪的事情,否则你应该把你的结果作为JSON或(在最坏的情况下)XML,对吧？

对于您的白盒/额外空间问题,请尝试

style="display: none;"

代替

style="visibility: hidden;"