在 Asp.net 中以编程方式在父 Div 中添加子 DiV答案

【问题标题】：add Child DiV inside Parent Div programmatically in Asp.net在 Asp.net 中以编程方式在父 Div 中添加子 DiV
【发布时间】：2013-06-16 12:38:26
【问题描述】：

我有这个类 class="scrollContainer" 的父 div，我想在其中使用 asp.net 以编程方式添加子 div，例如 panel_1 我已经搜索了 Google，但没有找到任何位置

<div class="scrollContainer">
    <div class="panel" id="panel_1">
           <div class="inside">
              <img src="images/p1.jpg" alt="picture" />
               <h2>News Heading</h2><p>A very short excerpt goes here... <a href="#">more link</a></p>
            </div>
         </div>
</div>

谢谢

【问题讨论】：

将runat="server"添加到scrollContainer，那么你应该可以在服务器端访问它了。
我不知道该怎么办。你能解释一下吗

标签： asp.net html

【解决方案1】：

如果您需要使用 ASP.NET 访问 HTML 元素，则必须向元素添加 runat="server" 属性。然后，您可以使用其 ID 在服务器端代码中访问它，这将允许您添加子元素。有关更多信息，请参阅此答案：Is there a way I can make a div runat server? So i can turn it into a control?

例如：

<div id="scrollContainer" runat="server">

</div>

【讨论】：

【解决方案2】：

您的要求不清楚。但据我了解，我认为您想动态生成产品列表或类似的东西..所以你用做它...我会放一个示例代码..参考它..

<div class="scrollContainer">
<ul>
    <asp:Repeater ID="list" runat="server" EnableViewState="false">
        <ItemTemplate>
        <li style="margin-bottom: 50px;width:100px;list-style:none;">
            <span class="bold">
                <a href='<%# Link.ToProduct(Eval("ItemID").ToString()) %>'>
                    <%# HttpUtility.HtmlEncode(Eval("ItemName").ToString()) %>
                </a>
            </span>

            <asp:HyperLink runat="server" ID="productLink"  
                NavigateUrl='<%# Link.ToProduct(Eval("ItemId").ToString()) %>'
                CssClass='thumb' 
                >
                <img src='<%# Link.ToProductImages(Eval("Image").ToString()) %>' 
                    alt='<%# HttpUtility.HtmlEncode(Eval("ItemName").ToString()) %>' 
                    class="thumb" width="100px" height="100px"/>
            </asp:HyperLink>
            <p class="bold colr">
                <%# Eval("price", "{0:c}") %>
            </p>
            <p style="text-align:center; height: 50px;">
                <%# HttpUtility.HtmlEncode(Eval("ShortDescription")) %>
                <a href="<%# Link.ToProduct(Eval("ItemId").ToString()) %>">more</a>
            </p>
        </li>
        </ItemTemplate>
    </asp:Repeater>
</ul>

【讨论】：

我的要求是将多个子 div（随机数的 div）像 panel_1 添加到父 div 中，所以如果我想添加 2 个子 div，那么将有 2 个 ID 为 panel_1 和 Panel_2 的子 div跨度>

【解决方案3】：

如果您可以使用脚本，您可以在 ASP.NET 页面中编写一个 VBScript，即：

<%
str = ""
i = 5
for 0 to i 
str = str & "<div>content</div>" & _
 Response.Write(str)
%>

【讨论】：