在运行时检查并在div中添加div

Question

我在.aspx页面中有div：

<div id="mainWrapper" runat="server">
</div>

我希望在运行时附加div。 在页面加载中我尝试

mainWrapper.append("<div id="headerLeft"></div>");

但是我无法检查div id="headerLeft"是否已经存在。如果不是，则只附加div.Thanks。

Answer 1

使用jquery

  if ($("#headerLeft").length=0){
        $("#mainWrapper").append('<div id="headerLeft"></div>');
    }

Answer 2

您可以使用mainWrapper.FindControl来检查div是否已经包含另一个div，并且仅在不存在的情况下添加内部mainWrapper.Controls.Add。

但无论如何，如果你做这样的事情：

protected Page_Load(...)
{

 if(!IsPostBack)
 {
  // ... add the inner div...
 }

}

你只需要添加一次内部div。

Answer 3

在您需要之前隐藏headerLeft会不会更简单？当Visible - Property设置为false时，ASP.NET不会输出任何HTML：

<div id="mainWrapper" runat="server">
  <div id="headerLeft" runat="server" Visible="false"></div>
</div>

然后在代码中你可以：

headerLeft.Visible = true;

这样你也可以轻松检查div是否已经可见。