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

Question

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

搜索 div 最初设置为可见(使用可见性可见)，结果 div 最初设置为隐藏(使用可见性隐藏)。

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

Answer 1

您可以使用样式的显示属性。 Intialy 将结果部分样式设置为

style = "display:none"

那么div将不可见，也不会有任何空白。

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

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

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

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