調用Label.Text（在C＃）VS Label.innerHTML導致意想不到的結果

Question

我有一些HTML

<table class="table table-hover table-striped table-responsive table-bordered"> 
<tr class="row"> 
    <td colspan="3" class="col-md-3">Location</td> 
    <td colspan="4" class="col-md-4">Info</td> 
    <td colspan="2" class="col-md-2">Date/Time</td> 
    <td colspan="1" class="col-md-1">Mandatory</td> 
    <td colspan="2" class="col-md-2">Edit</td> 
</tr> 
<asp:Label ID="lblNewProjectConferences" runat="server"></asp:Label> 
</table> 

一些ASP.NET方法：

lblNewProjectConferences.Text = UtilHTML.GetConferncesHTML(conferences, editor); 

我基本上是建立在HTML一個方法，然後注入到表格內的標籤中，結果是添加到表格中的行格式正確。這一切按預期工作：

但是，當我做了從JavaScript

document.getElementById("lblNewProjectConferences").innerHTML += response; 

下面我得到這樣的：

我「檢查元素「，而標籤出現在HTML表格之前。這對我來說沒有意義。

更新：到目前爲止的答案沒有幫助。標籤代碼表代碼之前出現，當我使用innerHTML，這不是第一次出現，然後將表出現

Answer 1

我看到你正在使用的引導。

你也可以這樣做。

$(document).ready(function() { 
    document.getElementById("lblNewProjectConferences").innerHTML += response; 
}); 

編輯： 試試這個：

<asp:Label ID="lblNewProjectConferences" runat="server"></asp:Label> 
<table class="table table-hover table-striped table-responsive table-bordered" id="gridTable"> 
    <tr class="row"> 
    <td colspan="3" class="col-md-3">Location</td> 
    <td colspan="4" class="col-md-4">Info</td> 
    <td colspan="2" class="col-md-2">Date/Time</td> 
    <td colspan="1" class="col-md-1">Mandatory</td> 
    <td colspan="2" class="col-md-2">Edit</td> 
    </tr> 
</table> 

而且在JavaScript：

<script type="text/javascript"> 

    $(document).ready(function() { 
     $('#gridTable').appendTo($("#lblNewProjectConferences").html()); 
    }); 
</script> 

Answer 2

您已經閉幕</table>標記之前位於內側的asp:Label元素表。瀏覽器無法將標籤識別爲表格的一部分，因此在呈現表格之前將其呈現。在</table>標籤後移動標籤應該可以解決問題。