元素隱藏的不同方式 dispaly, visibility, opacity, height&border 為0 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> d ...
元素隱藏的不同方式
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>
