如何使用js動態顯示或隱藏,如何使用js動態顯示或隱藏DIV

時間 2021-09-17 08:41:05

1樓:匿名使用者

方法很多,最直觀的就是用js控制div的display值,例如:

var div = document.getelementbyid('divid');

div.style.display = 'none';  // div隱藏

div.style.display = 'block';  // div顯示

也可以寫一段css,用css來控制div在視覺上隱藏,例如高度設為0、透明、溢位可視區等,還可以搭配css3的新屬性來實現靈活多樣的漸變動畫效果,然後用js來切換,例如:

.ishide

div.classlist.add('ishide');  // div隱藏

div.classlist.remove('ishide');  // div顯示

還可以利用jquery的hide()、show()、fadein、fadeout、toggle等方法來實現類似效果。

2樓:千鋒教育

最簡單的方法,在div的style屬性裡面加上display:none;然後,如果需要顯示就用element.show();隱藏就用 element.hide();

如何使用js動態顯示或隱藏div

3樓:育知同創教育

思路:實現這個方法主要用到了setattribute方法通過選擇項顯示不同的結果

廣州南昌

瀋陽您選擇了廣東的省會

您選擇了江西的省會

您選擇了遼寧的省會

效果圖:

定義和用法

setattribute() 方法新增指定的屬性,併為其賦指定的值。

4樓:匿名使用者

最簡單的方法,在div的style屬性裡面加上display:none;然後,如果需要顯示就用element.show();隱藏就用 element.hide();

js顯示和隱藏div如何修改

5樓:二三社會事

方法步驟如下:

1、首先開html開發軟體,新建一個html檔案。

2、在html檔案上建立一個button按鈕,然後給這個按鈕設定一個id,在案例中把按鈕的id設定為show再輸入**:。

3、然後建立一個隱藏的div,把需要隱藏的內容寫到這個div上,然後給這個div設定一個id,在案例中設定案例的id為hide,再輸入****:我是隱藏的div

。4、給div設定隱藏的樣式。在標籤後面為id為hide設定樣式display:none並輸入**樣式**:,這個樣id為hide的div的隱藏就能被修改了。

6樓:

$(".promote_set").hide();

$(".promote_set2").show();

請問如何用js控制div裡的內容,以及控制這個div的顯示和隱藏

7樓:潭靜竹

參考:http://zhidao.baidu.com/question/302110096.html

可以相容多個瀏覽器

8樓:匿名使用者

司馬唐遷 | 七級 說得很詳細了

如何用js通過下拉選單來實現div的隱藏和顯示

9樓:

1、首先寫出架構,兩個 buttod (按鈕)。

2、下面是一個 div 存放文字和在後面的被js控制。

3、先用 css 選擇器 為 div 控制屬性。

4、然後寫出 script 標籤,可以寫在外部,然後在引用。

5、然後我們用 js 設定變數,這樣我們才可以控制變數來控制元素。

6、這裡用 alert  測試一次我們是否選對了元素。

7、然後通過 onclick 事件來控制這個 div。

10樓:匿名使用者

testab

js 怎麼用一個按鈕控制div來回顯示和隱藏

11樓:匿名使用者

試編寫示例**如下:

this is a div

執行截圖:

12樓:戎荏苒

當div具有hidden屬性或display為none時,div會隱藏。例如,要隱藏的div的id為d把下面這個方法繫結到按鈕上。

function(){

if (document.getelementbyid('d').style.display=='none') else }

13樓:手機使用者

**如下

顯示/隱藏

需要隱藏的內容

14樓:匿名使用者

用style和setinterval函式:

var divelement = document.getelementbyid('div');//id=div的元素

var flag=0;

window.setinterval(a,2000);

function a()

else}

js如何獲取動態的id,JS中獲取由JS動態生成的HTML控制元件的ID?

1 在我們的電腦上開啟軟體,新建一個html頁面。2 在html頁面建立一個id為xx,值為666的文字框,通過var v document.getelementbyid xx value 原生js方法來獲取文字框的值。3 在script中加上alert v 來彈框檢視原生js方法是否根據id獲取元...

如何隱藏或顯示檔案的副檔名,如何使隱藏的副檔名顯示出來

開啟桌面 我的電腦 工具 資料夾選項 檢視 需要隱藏的話就勾選 隱藏已知檔案型別的副檔名 顯示的話就去掉勾。在windows系統裡面可以這樣處理 開啟我的電腦,選擇 工具 選單 選擇 資料夾選項 選擇 檢視 選項卡 選擇 隱藏已知檔案型別的副檔名 的核取方塊,這樣可以隱藏或顯示副檔名 開始 設定 控...

如何顯示隱藏文字,如何顯示Word隱藏文字

果典熊經賦 工具 選項 檢視 的 格式標記 部分有一個 隱藏文字 複選項,選中它然後 確定 隱藏文字就顯示出來了,而且隱藏文字的下方還顯示有虛線。 江西新華電腦學院 1 選中要隱藏的文字,然後單擊 格式 選單中的 字型 命令。2 彈出 字型 對話方塊,在效果中勾選 隱藏文字 然後單擊 確定 按鈕即可...