JS---元素隐藏的不同方式
2021-05-06 11:28
标签：pac get utf-8 class type com hidden input doc dispaly, visibility, opacity, height&border 为0 JS---元素隐藏的不同方式 标签：pac get utf-8 class type com hidden input doc 原文地址：https://www.cnblogs.com/jane-panyiyun/p/12098502.html元素隐藏的不同方式
DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>titletitle>
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>
上一篇：第一篇：前端知识之HTML内容