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（'＆lt;％= Panel1.ClientID％＆gt;'）;自动插入

脚本中的正确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>

div点击增加面板的高度

3 个答案: