javascript code: 代码 复制代码 代码如下: function expandOther(el, el2) { whichEl = document.getElementById(el) button = document.getElementById(el2) if (whichEl.style.display == 'none') { whichEl.style.display = ''; button.value = "隱藏"; } else { whichEl.style.display = 'none'; button.value = "顯示"; } expandOther(e1,el2)， e1参数可以指定需要操作的事件对象，比如一个ID为inputshowData的Input按钮， el2参数可以指定需要隐藏的一个区域，可以是TABLE，div等。 <input name="inputshowData" id="inputshowData" value="隱藏" type="button" onclick="expandOther('datadiv','inputshowData')" /> id为datadiv 数据显示层区域 id为inputshowData 操作按钮 HTML示例CODE： 复制代码 代码如下: <fieldset> <legend> <input name="inputshowData" id="inputshowData" value="隱藏" type="button" onclick="expandOther('datadiv','inputshowData')" /></legend> <div id="datadiv" style="width: 400PX; height: 100px; overflow: auto;"> <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None"> <RowStyle BackColor="#F7F6F3" ForeColor="#333333" /> <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /> <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" /> <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /> <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /> <EditRowStyle BackColor="#999999" /> <AlternatingRowStyle BackColor="White" ForeColor="#284775" /> </asp:GridView> </div> </fieldset> 是不是发现很简单呢？ 个人觉得。 不过这个层有滚动条，主要是基于style属性overflow:auto;和有指定的宽度和高度。 如果不直接指定宽度，那以浏览器的宽度为标准显示滚动条， 如果没有指定高度，则不会显示向下的滚动条，似乎是这样。俺对美工不咋的。今天权当记录在这里，以后可以回头看看当时自己是怎么个理解和写的代码。

　　推荐阅读

　　javascript实现面向对象类的功能书写技巧

学过java,c#,vb的都知道类的概念，而类具有继承、封装、多态等功能。而javascript它不是面向对象语言，它是解释性语言。 但我们同样可以使用javascript来实现继承、多态。 javascript实现类，有多种方法。 方法一：>>>详细阅读

本文标题：javascript 隐藏/显示指定的区域附HTML元素【legend】用法

地址：http://www.17bianji.com/kaifa2/JS/26929.html

 1/2    1