如何在加载网页时隐藏 div答案

【问题标题】：How to hide div on load of webpage如何在加载网页时隐藏 div
【发布时间】：2018-12-19 02:04:50
【问题描述】：

我有一个显示/隐藏 div 的基本脚本。我将其用作下拉菜单。

我正在寻找页面加载时隐藏的 div 元素，而不是显示它并且必须单击它来切换它。

感谢任何帮助！

【问题讨论】：

也许在你的css中最初设置display: none，这样它就会隐藏加载？然后你可以通过 JavaScript 设置它的显示为block 当一个按钮被点击或者什么的时候。
您好，我假设您的页面需要一个加载器，因此您可以将您的 div 显示设置为默认阻止并使用 setTimeout() 进行切换，使其隐藏。跨度>

【解决方案1】：

在 div 中使用display: none，如下所示

<div id="myDIV" style="display:none">
  This is my DIV element.
</div>

或者你可以创建一个类并分配给 div。

<style>
.hide{
   display:none;
}
</style>


<div id="myDIV" class="hide">
  This is my DIV element.
</div>

【讨论】：

【解决方案2】：

除了 CSS 之外，您还可以使用 JavaScript 通过利用事件（例如 onload）来操纵网页的显示。

window.onload = function(){
  document.getElementById("myDIV").style.display='none';
};

<div>
  This is the first DIV element.
</div>

<div id="myDIV">
  This is the 2nd DIV element.
</div>

<div>
  This is the last DIV element.
</div>

【讨论】：

【解决方案3】：

使用以下方法，您可以告诉浏览器忽略页面上的这些元素。

在 HTML 或 CSS 文件中的元素上使用 display none。

<div style="display: none">
  This is my DIV element.
</div>

属性 hidden 也很有帮助。

<div hidden>
  This is my DIV element.
</div>

【讨论】：