顯示隱藏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";

}