js通过css隐藏某个div，js隐藏一个div

用js怎么实现一个div显示时间2秒后就自动消失。

本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法。

首先，需要一个定时器，可以使用JS中的setTimeout() 方法。

将第二个的input标签的type改为button，这样子就不会提交了。所以显示出的内容就不会消失了。

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

怎么用js来显示或隐藏一个div？很简单，下面一起来看一下。01 首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

相关问答

Q1: 怎么用js显示隐藏div

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

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

为链接注册onclick事件处理函数，此处理函数可以判断div的style.display属性值，如果为block则将其设置为none，也就是将div设置为隐藏状态，否则设置为block，也就是将div设置为显示状态，原理大致如此。

写入js：(button).click(function () { (div).hide()；(div).eq(parseInt(3 * Math.random())).show()；})；浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和隐藏另外2个div。

怎么用js来显示或隐藏一个div？很简单，下面一起来看一下。01 首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

在index.html中的script标签，输入js代码：$(button).click(function(){$(#123).css(display，block)；})；。浏览器运行index.html页面，此时点击btn按钮后，div的内容成功被显示了出来。

Q2: js点击页面其它地方将某个显示的DIV隐藏

首先，打开html编辑器，新建html文件，例如：index.html。在index.html的script标签中，再输入js代码：document.body.removeChild(document.getElementById(a))；。

divIdstyle.display=(divIdstyle.display==none)？block：(divIdstyle.display==block？none：block)；} 这样就能实现两个div的显示隐藏了。

首先，jquery显示隐藏div是用的show()、hide()方法。

怎么用js来显示或隐藏一个div？很简单，下面一起来看一下。01 首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

设置div对象的style.display属性为none即可隐藏该节点，设置属性为”block“可以显示之。

纯js的话不怎么会，使用jquery的话很简单的。

关于js通过css隐藏某个div和js隐藏一个div的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。