JS点击按钮显示隐藏层问题

JavaScript012

JS点击按钮显示隐藏层问题,第1张

if(obj!=document.getElementById("divOne_1"))

{

document.getElementById("divOne_1").style.display="none"

}

最傻瓜的方式，在

click_a

函数内增加一个判断，如果obj不是divOne_1的话，则对obj则将divOne_1进行隐藏。

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

给需要显示的div赋name属性<div name="contentid" class="none">

var divs=document.getElementsByName("contentid")

for(var i=0i<divs.lengthi++){

var div=divs[i]

div.style.display="block"

}