在div点击面板的高度增加

Question

我想增加面板在div点击的高度。

<script language="javascript" type="text/javascript"> 
function getheight(this) 
{ 
    document.getElementById('Panel1').style.height="200px"; 
} 
</script> 
<div id="flip" onclick="getheight(this)"><div> 
<div> 
    <asp:Panel ID="Panel1" runat="server" BorderStyle="Dotted" Height="50px" Width="125px" ScrollBars="Horizontal"> 
     </asp:Panel> 

</div> 

Answer 1

这是一个服务器端控制，所以你不会找到ID = 'Panel1的' 元素。

，如果你查看源代码本页面生成的HTML，你会发现真正的ID使用它在

的document.getElementById功能

你可以使用的document.getElementById（” <％= Panel1.ClientID ％>'）;自动插入

正确的ID在你的脚本

Answer 2

试试这个..

<script language="javascript" type="text/javascript"> 
function getheight(this) 
{ 
document.getElementById('Panel1').setAttribute("style", "height:200px;"); 
} 
</script> 

Answer 3

因为这是一个服务器端控制，您需要设置ClientIDMode =“静”，以防止.NET从分配生成一个。

<script language="javascript" type="text/javascript"> 
function getheight(this) 
{ 
    document.getElementById('Panel1').style.height="200px"; 
} 
</script> 
<div id="flip" onclick="getheight(this)"> 
    <asp:Panel ID="Panel1" runat="server" BorderStyle="Dotted" 
     Height="50px" Width="125px" ScrollBars="Horizontal" ClientIDMode="Static" /> 
</div>