怎么用js顯示隱藏div
來源:教育資源網(wǎng)
?
發(fā)布時間:2023-06-17 00:39:15
?
點擊:1644
怎么用js顯示隱藏div
怎么用js來顯示或隱藏一個div？很簡單，下面一起來看一下。 01 首先我們創(chuàng)建一個div，和一個按鈕。
用按鈕的點擊來控制div的顯示或隱藏。
02 添加一個樣式名叫hide的樣式，主要是設置display=none，即隱藏。 03 接著用js來實現(xiàn)顯示，隱藏的功能。我們用Jquery的hasClass方法來判斷div是否有hide樣式，有則刪除這個樣式，即顯示div。如果沒有，則添加一個hide的樣式，即隱藏div。
04 運行頁面，我們點擊按鈕，如果div是正在顯示的，點擊后就會隱藏，如果是隱藏狀態(tài)的，點擊后就會顯示。
asp.net 中如何在后臺用c#代碼實現(xiàn)div的顯示和隱藏?
只有把div轉成服務器控件才可以通過c#代碼來操作?？蛻舳丝丶D服務器控件，就是在原來的標簽上加上runat=\”server\” .這樣就可以通過C# 代碼來訪問了。
當然要想訪問到還需要設置ID屬性來百科**標識這個控件。
在控制div 隱藏時可以如這樣。
如何實現(xiàn)js控制div的隱藏及顯現(xiàn)
需要準備的材料分別是：電腦、html編輯器、瀏覽器。
1、首先，打開html編輯器，新建一個html文件，例如：index.html。
2、在index.html文件的<script>標簽中，寫入js：
$(\’button\’).click(function () {
$(\’div\’).hide();
$(\’div\’).eq(parseInt(3 * Math.random())).show();
});
3、瀏覽器運行index.html頁面，此時點擊btn按鈕總會顯示其中1個div和隱藏另外2個div。
