JavaScript顯示隱藏DIV的IF語句示例

本文轉載自查看原文 2016-09-26 22:29 1495 JavaScript/ HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style>
#bbs {
    display:;
}
</style>
<script>
function displayHideUI(){
    var ui =document.getElementById("bbs");
    ui.style.display="none";
}

function displayShowUI(){
    var ui =document.getElementById("bbs");
    ui.style.display="";//display為空的話會好使，為block會使后邊的空間換行
}

function visibilityHideUI(){
    var ui =document.getElementById("bbs");
    ui.style.visibility="hidden";
}

function visibilityShowUI(){
    var ui =document.getElementById("bbs");
    ui.style.visibility="visible";
}

function ifOnClickUI(){
    var ui =document.getElementById("bbs");
    if(ui.style.display==""){
    ui.style.display="none";
    }
    else{
    ui.style.display="";
    }
}

</script>
</head>

<body>
<input type="button" value="隱藏UI" onclick="displayHideUI()"/>
<input type="button" value="顯示UI" onclick="displayShowUI()"/>
<input type="button" value="IF顯示UI" onclick="ifOnClickUI()"/>
<div id="bbs" display="">
隱藏內容
</div>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 利用JavaScript的if語句判斷元素顯示隱藏 div/ a標簽的隱藏，顯示 div_隱藏顯示 DIV的顯示與隱藏 JS 顯示隱藏DIV 顯示隱藏DIV的技巧 div 顯示與隱藏 Div和Span標簽顯示與隱藏 js控制div顯示與隱藏 div的顯示隱藏方法匯總