Question

我有这个父div，类class =“scrollContainer”，其中我想使用asp.net以编程方式添加panel_1之类的子div我已经搜索了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>

由于

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

Answer 2

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

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

Answer 3

您的要求不明确。但据我所知，我认为你想动态生成产品列表或那种东西..所以你用它来做...我会把一个示例代码..引用它..

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

在Asp.net中以编程方式在Parent Div中添加Child DiV

3 个答案: