js如何让div显示隐藏，js控制div元素显示隐藏

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

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

//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。//比如在CSS中先将div的display设置为none，那么点击的时候就先查询display值是否为none，//如果为none的话，就改为block，即显示div；如果不是block就改为none，隐藏div。

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

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

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

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

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

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

除了修改display，还可以通过修改元素的宽度和高度为零实现隐藏效果。

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

不用jQuery可以这样实现：你可以在div中写个id = “div”，然后在JS中可以写：document.getElementById(div).style.display = block；//使id=div的div是display属性为block 这样就可以显示这个div了。

打开html开发软件，新建一个html文件。在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。然后创建一个隐藏的div，把需要隐藏的内容写到这个div上，然后给这个div设置一个id。给div设置隐藏的样式。

浏览器。首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(button).click(function(){$(#123).css(display，block)；})；。浏览器运行index.html页面，此时点击btn按钮后，div的内容成功被显示了出来。