亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

通過display或visibility來實現HTML元素的顯示與隱藏

2019-10-26 17:14:37
字體：大 中 小
來源：轉載
供稿：網友
有些時候我們需要根據某些條件來控制Web頁面中的HTML元素顯示還是隱藏，可以通過display或visibility來實現。通過下面的例子了解display和visibility的區別，簡單的例子代碼如下：

復制代碼
代碼如下:
<html>
<head>
<title>HTML元素的顯示與隱藏控制</title>
<script type="text/javascript">
function showAndHidden1(){
var div1=document.getElementById("div1");
var div2=document.getElementById("div2");
if(div1.style.display=='block') div1.style.display='none';
else div1.style.display='block';
if(div2.style.display=='block') div2.style.display='none';
else div2.style.display='block';
}
function showAndHidden2(){
var div3=document.getElementById("div3");
var div4=document.getElementById("div4");
if(div3.style.visibility=='visible') div3.style.visibility='hidden';
else div3.style.visibility='visible';
if(div4.style.visibility=='visible') div4.style.visibility='hidden';
else div4.style.visibility='visible';
}
</script>
</head>
<body>
<div>display：元素的位置不被占用</div>
<div id="div1" style="display:block;">DIV 1</div>
<div id="div2" style="display:none;">DIV 2</div>
<input type="button" onclick="showAndHidden1();" value="DIV切換" />
<hr>
<div>visibility：元素的位置仍被占用</div>
<div id="div3" style="visibility:visible;">DIV 3</div>
<div id="div4" style="visibility:hidden;">DIV 4</div>
<input type="button" onclick="showAndHidden2();" value="DIV切換" />
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
最近中文字幕mv在线一区二区三区四区| 日韩中文字幕av| 国产成人精品视频在线| 一区二区亚洲欧洲国产日韩| 欧美日韩亚洲一区二| 成人国产精品一区二区| 国产一区二区三区在线观看视频| 97视频在线观看免费高清完整版在线观看| 久久综合国产精品台湾中文娱乐网| 成人春色激情网| 色噜噜狠狠色综合网图区| 国产精品国产三级国产专播精品人| 成人做爰www免费看视频网站| 一区二区三区高清国产| 国产男人精品视频| 国内外成人免费激情在线视频网站| 久久久久国色av免费观看性色| 亚洲精品欧美极品| 欧美成人性色生活仑片| 国产精品成人va在线观看| 国产精品黄页免费高清在线观看| 狠狠色狠狠色综合日日五| 日韩亚洲第一页| 亚洲网在线观看| 国产精品久久婷婷六月丁香| 992tv在线成人免费观看| 中文字幕欧美专区| 国产成人涩涩涩视频在线观看| 亚洲视频axxx| 久久的精品视频| 欧美午夜久久久| 91欧美激情另类亚洲| 日产精品久久久一区二区福利| 亚洲自拍中文字幕| 国产精品国产三级国产专播精品人| 欧美日韩精品在线视频| 欧美日韩综合视频| 欧美成人亚洲成人| 国产欧美精品xxxx另类| 欧美黄网免费在线观看| 欧美午夜丰满在线18影院| 性欧美办公室18xxxxhd| 日韩大片在线观看视频| 色婷婷av一区二区三区在线观看| 精品视频在线播放免| 欧美自拍视频在线| 日韩欧美高清视频| 日本中文字幕成人| 亚洲国产欧美一区| 国产精品久久久久国产a级| 91免费综合在线| 欧美激情亚洲一区| 亚洲淫片在线视频| 热久久视久久精品18亚洲精品| 亚洲成人av中文字幕| 欧美一级高清免费播放| 久久人人爽人人爽人人片av高清| 国产欧美精品一区二区三区-老狼| 4438全国亚洲精品在线观看视频| 668精品在线视频| 欧美精品国产精品日韩精品| 78色国产精品| 性欧美xxxx视频在线观看| 91精品久久久久久久久久另类| 国产亚洲精品高潮| 欧美高跟鞋交xxxxxhd| 午夜精品久久久久久久99黑人| 国产精品人成电影在线观看| 热久久这里只有精品| 久久中文精品视频| 亚洲精品美女在线观看播放| 欧美另类精品xxxx孕妇| 国产91精品久| 国产中文字幕91| 色狠狠av一区二区三区香蕉蜜桃| 精品中文字幕在线观看| 日韩美女免费线视频| 色狠狠久久aa北条麻妃| 欧美第一页在线| 国模吧一区二区三区| 亚洲日本aⅴ片在线观看香蕉| 亚洲视频777| 色噜噜狠狠狠综合曰曰曰| 欧美激情欧美狂野欧美精品| 欧美在线一区二区视频| 亚洲国产精品国自产拍av秋霞| 久久久av亚洲男天堂| 国内精品小视频| 国产欧美韩国高清| 久久天天躁夜夜躁狠狠躁2022| 91欧美激情另类亚洲| 国产精品入口免费视| 性日韩欧美在线视频| 国产精品狼人色视频一区| 欧美日韩国产成人高清视频| 日韩精品高清视频| 日本成人黄色片| 丝袜美腿亚洲一区二区| 亚洲精品一区二三区不卡| 亚洲午夜未满十八勿入免费观看全集| 欧美在线视频a| 91色在线观看| 欧美老女人bb| 91综合免费在线| 国产精品福利网| 国产日韩av在线播放| 欧美成人性生活| 亚洲欧美制服综合另类| 欧美成人一区二区三区电影| 久久国产精品久久国产精品| 久久国产精品久久久久| 久久久av免费| 亚洲人成电影网站色| 日韩美女在线看| 中文字幕精品av| 91夜夜揉人人捏人人添红杏| 欧美大片免费观看在线观看网站推荐| 欧美国产日本在线| 成人激情视频小说免费下载| 欧美中文字幕第一页| 欧美激情一区二区三区高清视频| 亚洲欧美日韩天堂一区二区| 亚洲男人av在线| 欧美一区二粉嫩精品国产一线天| 97视频在线观看免费| 欧美黑人巨大xxx极品| 日韩欧美在线视频免费观看| 国产精品对白刺激| 久久精品国产亚洲精品2020| 国内免费久久久久久久久久久| 国产精品极品美女在线观看免费| 国产精品视频一| 国产精品久久av| 欧美电影在线免费观看网站| 粉嫩av一区二区三区免费野| 久久福利视频导航| 亚州av一区二区| 日韩免费视频在线观看| 欧美激情一二区| 成人免费看黄网站| 精品无码久久久久久国产| 欧美主播福利视频| 97久久超碰福利国产精品…| 亚洲欧美日韩国产成人| 国产精品91久久久久久| 国产午夜一区二区| 日韩美女免费视频| 北条麻妃在线一区二区| 亚洲国产精品va在线看黑人| 欧美日韩国产精品一区二区三区四区| 中文字幕国产日韩| 亚洲精品小视频在线观看| 91香蕉亚洲精品| 国产精品一区久久| 成人欧美在线观看| 午夜欧美不卡精品aaaaa| 日韩极品精品视频免费观看| 中文字幕成人在线| 欧美日本高清一区| 精品久久久久久久久久久久久| 91色视频在线观看| 国产狼人综合免费视频| 亚洲欧洲在线免费| 久久人91精品久久久久久不卡|