js点击元素以外隐藏，js点击元素外隐藏该元素

原生JS实现点击一个div隐藏或者显示另外一个div怎么写?

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

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

3、关于你的问题“使用javascript怎么弄成点击div1的时候显示然后点击其他div的时候隐藏？”我随手写了个简单的tab选项，你可以参考下。

4、使用JavaScript控制div的显示隐藏，通常是修改div元素的display为none。display属性 定义和用法 display 属性规定元素应该生成的框的类型。

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

相关问答

Q1: js点击按钮显示再点击空白地方隐藏

1、return false； }}显示\隐藏切换欢迎您以上代码实现了我们的要求，点击顶部链接可以实现div显示和隐藏的切换。

2、如果只是想显示隐藏就把display换成visibilty：hidden。

3、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

4、各自控制 显示和隐藏 的功能。//这段的两个按钮，可以实现单独控制 及 同时控制 显示和隐藏 的功能。

5、这个问题我要倒着给你解释，这样比较容易。第一步点击其他区域，这个div消失。建议你在这个div外层加一层overlay，这个overlay遮住除div之外所有其他东西。这样比较好判断是不是点击的这个div。

6、jQuery(function(){ $(.flip).click(function(){$(.panel).slideToggle(slow)；})；})；点击这里，隐藏/显示面板一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。

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

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

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

3、方法有很多，可以设置CSS，也可以使用toggle()方法；我还是喜欢有图有真相的方式，表达更明了。

4、各自控制 显示和隐藏 的功能。//这段的两个按钮，可以实现单独控制 及 同时控制 显示和隐藏 的功能。

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

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