Javascript 基礎(chǔ)教學(xué)課程顯示隱藏實例
實例
程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
<style type="text/css">
div{
width:150px;height:150px;background:#f60;
}
</style>
</head>
<body>
<div id="dv"></div><br>
<input type="button" value="隱藏" onclick="bt()">
<input type="button" value="顯示" onclick="bt1()">
<script type="text/javascript">
function bt(){
var div=document.getElementById("dv");
div.style.display="none";
}
function bt1(){
var div=document.getElementById("dv");
div.style.display="block";
}
</script>
</body>
</html>
