js实现div点击按钮隐藏显示，js设置按钮隐藏

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

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

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

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

相关问答

Q1: js点击一个div控制另一个div内容的显示与隐藏同时小图标也要切换状态...

1、浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和隐藏另外2个div。

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

3、为button按钮添加一个点击后隐藏事件。点击button按钮后，把隐藏的div的display修改为block，这样点击后div就会显示了。保存好html后使用浏览器打开，点击button按钮就会发现隐藏的div就会显示出来了。

4、你是用一个变量i来保存两个变换的状态。。当然会有问题。你应该实现点击当前元素，则当前元素切换，另一个反切换，对吧？如果是这样，也就是说function里面需要取到两类元素，一个是当前的，一个是除当前外的。

Q2: 如何通过js实现隐藏和显示DIV?

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

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

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(button).click(function(){$(#123).css(display，block)；})；。

给div动态添加display的样式，block是显示，none是隐藏。所以你上边空着的双引号里写上block就可以了。

先用 css 选择器 为 div 控制属性。然后写出 script 标签，可以写在外部，然后在引用。然后我们用 js 设置变量，这样我们才可以控制变量来控制元素。这里用 alert 测试一次我们是否选对了元素。

并给其一个click事件，然后获取div的dom，修改disply的属性为block，即让隐藏的div显示出来：按下crtl+S保存，在浏览器里观察效果：点击显示隐藏的按钮，隐藏的div就出现了。

Q3: 如何实现js控制div的隐藏及显现

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

方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic js代码如下，新建一个txt文件，复制进去，保存并修改文件后缀为js（例open.js）即可。

数字一（one）2 3 style=typediv1//隐藏 文档，getElementById(typediv1//显示 (#h#td1#td1tr 显示 (#str 代码性能不好，可以自己改进。展开数据 用tbody藏起来。div和table不容易穿越。

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(button).click(function(){$(#123).css(display，block)；})；。

Q4: 如何实现JS点击按钮隐藏一部分DIV,在点击按钮出现整个DIV?

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

基本思想是：触发div的hide()和show()函数。

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

原理：就是讲全部的div都隐藏只有点击的div显示。

在event函数中，定义一个内容为degreediv字符的字符串变量。然后使用jquery的append将已知的div字符串添加到c2div，如下所示。运行页面，现在只看到一个div，如下图所示。

给div动态添加display的样式，block是显示，none是隐藏。所以你上边空着的双引号里写上block就可以了。

Q5: 怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.

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

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

3、给div动态添加display的样式，block是显示，none是隐藏。所以你上边空着的双引号里写上block就可以了。

js实现div点击按钮隐藏显示的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js设置按钮隐藏、js实现div点击按钮隐藏显示的信息别忘了在本站进行查找喔。