js函式中隱藏一個div
阿新 • • 發佈:2019-02-04
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、效果演示