<!DOCTYPE html />
<title>无标题文档</title>
<style>
#div1{width:100px;
height:100px;
background:red
display:none;}
<script>
window.onload=function(){
var odiv1=document.getElementById("div1")
odiv1.style.display="block";
}
</script>
</style>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
2016-12-29
<!DOCTYPE html >
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
#div1{
border:1px solid gray;
width:100px;
height:100px;
display: block;
}
</style>
<script type="text/javascript">
function change(){
var d= document.getElementById("div1");
d.style.display='none';
}
function reset(){
var d= document.getElementById("div1");
d.style.display='block';
}
</script>
</head>
<body>
<div id="div1" onclick="change()" >测试</div>
<button onclick="reset()" >恢复</button>
</body>
</html>
举报
