c# - 在 asp.net 中动态生成 HTML 元素时缺少图像源

Question

我在 DataTable dt5 中有 4 行。我试图动态生成某些 html 元素，其次数等于 dt5 中的行数。 Visual Studio Code :

<% for(int i = 0; i < dt5.Rows.Count; i++)
{
%>
<div id="Div1"  class="image_stack" style="margin-left:600px" runat="server" >
<img  class="stackphotos photo1" src="~/Images/3.jpg" clientidmode="static" runat="server" />
<img  class="stackphotos photo2" src="~/Images/4.jpg" clientidmode="static" runat="server"/>
<img   class="stackphotos photo3" src="~/Images/5.jpg" clientidmode="static" runat="server"/>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<% } %>

我能够生成 html，但问题是所需的 html，即(在 mozilla 中查看源代码)应该是......第一次迭代代码:

<div id="ContentPlaceHolder1_Div1" class="image_stack" style="margin-left:600px">
<img src="Images/3.jpg" class="stackphotos photo1" />
<img src="Images/4.jpg" class="stackphotos photo2" />
<img src="Images/5.jpg" class="stackphotos photo3" />
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

但我得到的结果是(浏览器查看源代码)...

<div id="ContentPlaceHolder1_Div1" class="image_stack" style="margin-left:600px">
<img class="stackphotos photo1" />
<img class="stackphotos photo2" />
<img class="stackphotos photo3" />
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><<br /><br />

正如您所看到的，生成的代码中缺少“src”部分。为什么缺少 src？

好的，多亏了 Code Rider，它现在似乎可以正常工作了。现在我正在尝试从数据表中获取src。

 for (int i = 0; i < dt5.Rows.Count; i++)
     {
       string   a = dt5.Rows[0]["imageurl"].ToString();
       string b = dt5.Rows[1]["imageurl"].ToString();
       string c = dt5.Rows[2]["imageurl"].ToString();
  %> 
   <div id="Div1"  class="image_stack" style="margin-left:600px" runat="server" >
    <img id="Img1"  class="stackphotos photo1" src="<%a%>"   />
    <img id="Img2"  class="stackphotos photo2" src="<%b%>"  />
      <img id="Img3"   class="stackphotos photo3" src="<%c%>" />
 </div>
     <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  <% } %>

Answer 1

我已经用下面的代码尝试过这个。它在这里工作正常。

      <% for(int i = 0; i < 5; i++)
 {
  %> 
   <div id="Div1"  class="image_stack" style="margin-left:600px" runat="server" >
    <img id="Img1"  class="stackphotos photo1" src="11.png"   />
    <img id="Img2"  class="stackphotos photo2" src="11.png"  />
      <img id="Img3"   class="stackphotos photo3" src="11.png" />
 </div>
     <br /><br /><br /><br /><br />
  <% } %>