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

Question

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

搜索div最初设置为可见（使用可见性可见），结果div最初设置为隐藏（使用隐藏的可见性）。

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

Answer 1

您可以使用style的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;"

Answer 4

如果你想使用display = block，它会让内容阅读器跳转，所以你可以将left属性设置为一个负值，而你的html页面中不存在这个值，但实际上却是这样。

我希望你必须理解我的观点，如果我无法让你理解，你可以给我留言。