js点击空白地方隐藏div，js点击元素外隐藏该元素

怎么用JS隐藏一个DIV层?

1、首先js点击空白地方隐藏div，打开html编辑器js点击空白地方隐藏div，新建一个html文件，例如：index.html。

2、首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

3、打开html开发软件，新建一个html文件。在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

4、首先写出架构，两个 buttod （按钮）。下面是一个 div 存放文本和在后面的被js控制。先用 css 选择器 为 div 控制属性。然后写出 script 标签，可以写在外部，然后在引用。

5、JS控制DIV层显示与隐藏 用JS控制DIV层的隐藏与显示。页面中有三个DIV层，三个超级链接，实现的功能是点击一个链接，显示相应的DIV层，同时隐藏另外两个DIV层。

相关问答

Q1: 我想要点击一个DIV之外的任何地方,都能隐藏这个DIV要怎么弄?

1、div标签隐藏显示方法：打开html开发软件，新建一个html文件，在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

2、实现也很简单，但需要注意的是，在点击显示的事件中，需要做阻止事件冒泡的处理，否则就触发页面的点击事件了。

3、首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

4、打开html开发软件，新建一个html文件。在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

5、第一步点击其他区域，这个div消失。建议你在这个div外层加一层overlay，这个overlay遮住除div之外所有其他东西。这样比较好判断是不是点击的这个div。函数如下，功能是点击overlay之后overlay消失。

6、} /style/headbody！-- 实现点击按钮显示一个div，页面上其他的内容全部隐藏。再点击返回按钮，div隐藏，页面上所有的内容再显示出来。

Q2: 大神js如何实现点击一个按钮隐藏一个div,然后该div上有一个按钮,点击...

1、首先，打开html编辑器，新建一个html文件，例如：index.html。

2、//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。

3、新建一个html页面，然后在这个代码页面上创建一个div标签id为app，然后在这个div标签里创建一个按钮标签和一个用于显示隐藏的div标签。引入vue.js。在body结束标签前面使用sctipt引入vue.js文件。

4、jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。

5、首先写出架构，两个 buttod （按钮）。下面是一个 div 存放文本和在后面的被js控制。先用 css 选择器 为 div 控制属性。然后写出 script 标签，可以写在外部，然后在引用。

js点击空白地方隐藏div的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js点击元素外隐藏该元素、js点击空白地方隐藏div的信息别忘了在本站进行查找喔。