js函数中隐藏一个div

来源:互联网 发布:python宝典 pdf 编辑:程序博客网 时间:2024/06/06 00:30


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、效果演示




0 0
原创粉丝点击