元素隐藏的不同方式
dispaly, visibility, opacity, height&border 为0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<style>
div{
width: 300px;
height: 200px;
border:1px solid red;
}
</style>
</head>
<body>
<input type="button" value="显示效果" id="btn"/>
<div id="dv"></div>哈哈
<script src="common.js"></script>
<script>
document.getElementById("btn").onclick=function () {
//隐藏div
//不占位
//my$("dv").style.display="none";
//占位
//my$("dv").style.visibility="hidden";
//占位
//my$("dv").style.opacity=0;
//占位
//my$("dv").style.height="0px";
//my$("dv").style.border="0px solid red";
};
</script>
</body>
</html>
原文地址：https://www.cnblogs.com/jane-panyiyun/p/12098502.html
时间： 2024-08-29 05:16:48