国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

display和visibility的區別示例介紹

2019-11-20 21:02:29
字體:
來源:轉載
供稿:網友
display通常可以設置為none、inline、block

visibility通常可以設置為hidden、visible

當display為none,visibility為hidden時,元素都會不見。不過其還有不同之處。

display會將元素隱藏掉,并且位置不再被占據,而visibility則是占據原來的位置。

看例子即可明白:
復制代碼 代碼如下:

<div id="myDiv" style="width:100px;border:1px solid #aaa;">
<p>

</p>
</div>
<input type="button" onclick="isVisibility(document.getElementById('myDiv'))" value="是否可見visibility" />
<input type="button" onclick="isDisplay(document.getElementById('myDiv'))" value="是否可見display" />
<script>
function isVisibility(me){
if (me.style.visibility=="hidden"){
me.style.visibility="visible"; }
else{
me.style.visibility="hidden";
}
}

function isDisplay(me){
if (me.style.display=="none"){
me.style.display="block"; }
else{
me.style.display="none";
}
}
</script>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 漾濞| 云浮市| 河南省| 永济市| 仁化县| 台东市| 铜川市| 区。| 郁南县| 泰顺县| 东乌珠穆沁旗| 安丘市| 宜宾县| 洪洞县| 丹巴县| 饶平县| 乌兰浩特市| 宜兰市| 道真| 内江市| 博乐市| 芒康县| 南江县| 襄城县| 安岳县| 安福县| 元朗区| 上杭县| 中宁县| 皮山县| 河北省| 金坛市| 明光市| 潜江市| 洛南县| 遵义市| 霍城县| 吕梁市| 丹阳市| 宣威市| 凤城市|