在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>