Question

html Div隐藏问题

用html 现在初始化的时候让Div隐藏，然后点击按钮，使它显示，代码如下

<script type="text/javascript">
function show(id){
var traget=document.getElementById(id);
traget.style.display="";
}
</script>

<input type='button' value='显示' onClick="search('div1');">
<div id="div1" style="display:none;">隐藏</div>

不知道问题出在哪里 谢谢
现在问题是 初始化的是 div就不隐藏 而是显示

Answer 1

　　实现div隐藏可以通过设置display、visible和div的大小等实现隐藏效果。

CSS display 属性

　　display 属性规定元素应该生成的框的类型。值为none时，此元素不会被显示。

/*示例*/
div{display:none;}

CSS visibility 属性

　　visibility 属性规定元素是否可见。值为hidden时表示元素是不可见的。

/*示例*/
div{visible:hidden;}

提示:visible:hidden;和display:none;的区别是，即使不可见的元素也会占据页面上的空间。 "display" 属性可以用来创建不占据页面空间的不可见元素。(visible和display属性的其他可能值可在W3School查看)。

设置DIV的大小实现隐藏

       将div的宽度和高度设置为零，也可以达到隐藏的效果。

/*示例*/
div{
width：0px;
height:0px;
overflow:hidden;/*规定当内容溢出元素框时隐藏。防止div大小设置为零，里面的文本却还是显示。*/
}

Answer 2

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白: style="visibility: none;"document.getElementById("typediv1").style.visibility="hidden";//隐藏document.getElementById("typediv1").style.visibility="visible";/↑/显示 ...

Answer 3

初始化div是隐藏的

traget.style.display="block";

="search('div1');"改成="show('div1');"