javascript實現div的顯示和隱藏的小例子
更新時間：2013年06月25日 14:54:08 作者：
這篇文章介紹了在JS中實現DIV顯示和隱藏的實例，需要的朋友可以參考一下
復制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>oec2003</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid){
if (document.getElementById){
target=document.getElementById(targetid);
if (target.style.display=="block"){
target.style.display="none";
} else {
target.style.display="block";
}
}
}
-->
</script>
<style type="text/css">
<!--
#div1{
background-color:#000000;
height:400px;
width:400px;
display:none;
}
-->
</style>
</head>
<body>
<input type="button" id="butn" value="顯示/隱藏" onclick="toggle('div1')" />
<center>
<div id="div1"></div></center>
居中的DIV
</body>
</html>
相關文章
這篇文章主要介紹了微信小程序訂閱消息功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
JavaScript宏任務(macrotask)和微任務(microtask) 執(zhí)行順序實例詳解
JavaScript是單線程指的是同一時間只能干一件事情,只有前面的事情執(zhí)行完,才能執(zhí)行后面的事情,這篇文章主要介紹了JavaScript宏任務(macrotask)和 微任務(microtask) 執(zhí)行順序,需要的朋友可以參考下2023-10-10
Javascript highcharts 餅圖顯示數量和百分比實例代碼
這篇文章主要介紹了Javascript highcharts 餅圖顯示數量和百分比實例代碼的相關資料,這里附有實例代碼，需要的朋友可以參考下2016-12-12
本文給大家匯總介紹了3種javascript函數自動執(zhí)行的常用方法，非常的簡單實用，有需要的小伙伴可以參考下2016-03-03
本文通過實例代碼給大家介紹了JS圖片輪播與索引變色功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-07-07
這篇文章主要介紹了javascript如何計算數組中某值的出現次數問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
移動設備分辨率五花八門雖然我們可以通過CSS3的media query來實現適配，但是這種做法并不能適配所有設備，這篇文章主要介紹了js動態(tài)計算移動端rem的解決方案，非常不錯，感興趣的朋友一起看看吧2016-10-10
這篇文章主要為大家詳細介紹了微信小程序云開發(fā)實現增刪改查功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要詳細介紹了javascript中定義類的方法的相關資料,需要的朋友可以參考下2015-02-02
通常，我們在編寫一個新的JavaScript代碼過程中經常會發(fā)生錯誤，可能是語法錯誤，可能是邏輯錯誤，如果沒有一個調試工具幫助我們的話，相信你怕是頭都要炸了。下面這篇文章主要給大家總結介紹了關于利用Console來Debug的10個高級技巧，需要的朋友可以參考下。2018-03-03