javascript - 如何在网页加载时隐藏div

标签 javascript html css

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

https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp

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

感谢任何帮助!

最佳答案

在如下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>

关于javascript - 如何在网页加载时隐藏div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53843598/

相关文章:

javascript - 为什么这个表达式在 Firefox/Chrome 中返回 true,而在 IE 中返回 false?

c# - Html Agility Pack仍然是最好的.NET HTML解析器吗?

android - 将 HTML5 网页封装到 Android 应用程序中的最简单方法?

html - 为什么 has 属性在我的浏览器上不起作用?

css - SASS 中的嵌套类

html - 如何使用 Angular 5 显示可扩展的动态表格?

javascript - View 模型外的 Knockout.js 调用方法

javascript - 声明为常量的数组仍在 javascript 中被操作

javascript - NextJS 中的多个布局或条件 css 导入

jquery - 我的 HTML 没有添加到我的 DOM 中