css代码
<style>
div {
width: 300px;
height: 200px;
border: 1px solid darkgreen;
}
</style>
html和javaScript
<body>
<input type="button" id="btn" value="显示效果">
<div id="dv"> </div> 加油
<script>
document.getElementById("btn").onclick = function() {
//元素隐藏的不同方法
//隐藏div 不占位置
//document.getElementById("dv").style.display = "none";
//占位置
//document.getElementById("dv").style.visibility = "hidden";
//占位置
//document.getElementById("dv").style.opacity = 0;
//占位置
document.getElementById("dv").style.height = 0;
document.getElementById("dv").style.border = 0;
};
</script>