1. 程式人生 > >js函式中隱藏一個div

js函式中隱藏一個div


http://zhidao.baidu.com/link?url=dPfpw7h6n9dRppd3zEhIgzljdUHHFYguVXPaFlbn83l1V2lvbpnqQzNxEQUXUB8lpYodVWS9Grk3fxEdFadBe_

設定div物件的style.display屬性為"none"即可隱藏該節點,設定屬性為”block“可以顯示之。例項演示如下:

1、HTML結構

<input type="button" value="隱藏" onclick="fun(this)">
<div id="test">我是一個DIV</div>
2、javascript程式碼
function fun(obj){
    var div = document.getElementById("test");
    if(obj.value=="隱藏"){
        div.style.display = "none";
        obj.value = "顯示";
    } else {
        div.style.display = "block";
        obj.value = "隱藏";
    }
}
3、效果演示