js显示隐藏控件

A. js反复点击button依次显示隐藏的控件怎么实现

<buttonid="btn1"onclick="btn1()">报名</button>
<divid="div1"style="background:#999999;display:none;">
<buttonid="btn2"onclick="btn2()">第一个div</button>
</div>
<divid="div2"style="background:#666;display:none;">
<buttonid="btn3"onclick="btn3()">第二个div</button>
</div>

functionbtn1(){
document.getElementById('div1').style.display='block';
}
functionbtn2(){
document.getElementById('div1').style.display='none';
document.getElementById('div2').style.display='block';
}

functionbtn3(){

document.getElementById('div2').style.display='none';

}

B. 我在后台DIV.visible=false了，用js脚本怎么把这个DIV显示出来

不能显示了
如果在后台设置DIV.visible=false，那么该控件在前台就不会生成了。也就是说html代码中就没有这个DIV了。所以根本就无法再显示了。

你可以修改成这样：
后台： DIV.Style.Add("display", "none"); //隐藏 Div
前台： document.getElementById("Div11").style.display = "inline";// 显示Div

C. 如何用JS判断控件是否隐藏

用JavaScript隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。

1、当style.display="block"或style.visibility="visible"时控件或见，当.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，而“visibility”隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置。

如图：

2、以下的值可以参考：

none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block 行内块元素。（CSS2.1新增的值）
list-item 此元素会作为列表显示。
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值compact，不过由于缺乏广泛支持，已经从CSS2.1 中删除。
marker CSS 中有值marker，不过由于缺乏广泛支持，已经从CSS2.1 中删除。
table 此元素会作为块级表格来显示（类似<table>），表格前后带有换行符。
inline-table 此元素会作为内联表格来显示（类似<table>），表格前后没有换行符。
table-row-group 此元素会作为一个或多个行的分组来显示（类似<tbody>）。
table-header-group 此元素会作为一个或多个行的分组来显示（类似<thead>）。
table-footer-group 此元素会作为一个或多个行的分组来显示（类似<tfoot>）。
table-row 此元素会作为一个表格行显示（类似<tr>）。
table-column-group 此元素会作为一个或多个列的分组来显示（类似<colgroup>）。
table-column 此元素会作为一个单元格列显示（类似<col>）
table-cell 此元素会作为一个表格单元格显示（类似<td>和<th>）
table-caption 此元素会作为一个表格标题显示（类似<caption>）
inherit 规定应该从父元素继承display属性的值。

D. js怎么做鼠标移过去会显示隐藏的内容

步骤：
1、构造好页面内容。

2、在css中设置一个隐藏类hide，类的样式为display：none；设置显专示类show，样式为display：block。

3、给需要属隐藏的内容设置类名为hide，这样就隐藏了控件。

4、在js标签中，通过控件的类名或者id获取到隐藏对象obhide以及需要监控的对象ob2，再对ob2对象设置onmouseover方法。 在这个方法中，将bohide的类名hide更换成show。这样，在鼠标进入ob2控件之中，就会显示隐藏的obhide的内容。

5、对ob2对象设置onmouseout方法，在这个方法中，将bohide的类名show更换成hide，这样，在鼠标离开ob2控件，就会隐藏obhide的内容。