显示隐藏js

Ⅰ 怎么用js显示隐藏div

怎么用js来显示或隐藏一个div？很简单，下面一起来看一下。

• 01

  首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。

• 02

  添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

• 03

  接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，即隐藏div。

• 04

  运行页面，我们点击按钮，如果div是正在显示的，点击后就会隐藏，如果是隐藏状态的，点击后就会显示。

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

需要准备的材料分别是：电脑、html编辑器、浏览器。

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

Ⅲ 前端使用JS和JQuery显示隐藏标签

一.使用JQuery使用

二.jquery判断元素是否隐藏

三.使用JS隐藏和显示
a.隐藏后释放占用的页面空间
通过设置display属性可以使div隐藏后释放占用的页面空间.
style="display: none;"

b.隐藏后仍占有页面空间，显示空白
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白.
style="visibility: none;"

Ⅳ js怎么控制a标签的显示和隐藏

将标签放在层里面，控制层的显示和隐藏就可以:
show是层的专id名，
隐藏层：属document.getelementbyid("show").style.display
=
"none";
显示层：document.getelementbyid("show").style.display
=
"block";

Ⅳ js怎么做鼠标移过去会显示隐藏的内容

步骤：
1、构造好页面内容。

2、在css中设置一个隐藏类hide，类的样式为display：none；设置显专示类show，样式为display：block。

3、给需要属隐藏的内容设置类名为hide，这样就隐藏了控件。

4、在js标签中，通过控件的类名或者id获取到隐藏对象obhide以及需要监控的对象ob2，再对ob2对象设置onmouseover方法。 在这个方法中，将bohide的类名hide更换成show。这样，在鼠标进入ob2控件之中，就会显示隐藏的obhide的内容。

5、对ob2对象设置onmouseout方法，在这个方法中，将bohide的类名show更换成hide，这样，在鼠标离开ob2控件，就会隐藏obhide的内容。

Ⅵ 用js怎么控制控制显示与隐藏啊

我把一些主要代码给你，剩下的自己做吧
<div id="xxx">
<li><a href="#">大类一</a></li>

<li class="erji_menu"><a href="#">小类专一</a></li>
<li class="erji_menu"><a href="#">小类二</a></li>
<li class="erji_menu"><a href="#">小类三</a></li>
<li class="erji_menu"><a href="#">小类四属</a></li>

<li><a href="#">大类二</a></li>

<li class="erji_menu"><a href="#">小类五</a></li>
<li class="erji_menu"><a href="#">小类六</a></li>
<li class="erji_menu"><a href="#">小类七</a></li>
<li class="erji_menu"><a href="#">小类八</a></li>
</div>
<input type="button" value="隐藏" onclick="xxx()">
<script>
function xxx(){
document.getElementById("xxx").style.display="none";

}