调用Label.Text（C#）与Label.innerHTML导致意外结果

我有一些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>

我基本上是在一个方法中构建HTML，然后注入到一个表中的标签中，结果是将行添加到表中并正确格式化。这一切都按预期进行：

但是，当我从javascript执行以下操作时

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

我得到这样的东西：

我从浏览器中“检查了元素”，标签以HTML格式显示在表的前面。这对我来说毫无意义

更新：到目前为止，答案没有帮助。当我使用innerHTML时，标签代码出现在表代码之前，它不是先出现然后表出现

---

我看到您正在使用引导

你也可以这样做

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

$（文档）.ready（函数（）{
$（“#gridTable”）.appendTo（$（“#lblNewProjectConferences”）.html（））；
});

我看到您正在使用引导

你也可以这样做

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

$（文档）.ready（函数（）{
$（“#gridTable”）.appendTo（$（“#lblNewProjectConferences”）.html（））；
});

我看到您正在使用引导

你也可以这样做

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

$（文档）.ready（函数（）{
$（“#gridTable”）.appendTo（$（“#lblNewProjectConferences”）.html（））；
});

我看到您正在使用引导

你也可以这样做

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

$（文档）.ready（函数（）{
$（“#gridTable”）.appendTo（$（“#lblNewProjectConferences”）.html（））；
});

您已将

asp:Label

元素放置在表中的结束

标记之前。浏览器无法将标签识别为表的一部分，因此它会在呈现表之前呈现标签。将标签移动到

标记之后应该可以解决问题。

您已将

asp:label

元素放置在表中的关闭

标记之前。浏览器无法将标签识别为表的一部分，因此它会在呈现表之前呈现标签。将标签移动到

标记之后应该可以解决问题。

您已将

asp:label

元素放置在表中的关闭

标记之前。浏览器无法将标签识别为表的一部分，因此它会在呈现表之前呈现标签。将标签移动到

标记之后应该可以解决问题。

您已将

asp:label

元素放置在表中的关闭

标记之前。浏览器无法将标签识别为表的一部分，因此它会在呈现表之前呈现标签。将标签移动到

标记后应该可以解决问题。

请发布整个代码。您能更具体一些吗？我所有的代码都太大了，无法用这种格式发布。请发布整个代码。你能更具体一点吗？我所有的代码都太大了，无法用这种格式发布。请发布整个代码。你能更具体一点吗？我所有的代码都太大了，无法用这种格式发布。请发布整个代码。你能更具体一点吗？我所有的代码都太大了，无法用这种方式发布format@TruthOf42-我看到了你的更新，试着在我回答时更改html，并更改javascript。本例中的解决方案是将标签隐藏在外部，并将其html添加到表中。@TruthOf42-您真正的问题是您将标签元素定位在表元素中，而html定义无法识别，因为它不是表元素的一部分。@TruthOf42-我看到了您的更新，尝试更改我在回答中所写的html，并更改javascript。本例中的解决方案是将标签隐藏在外部，并将其html添加到表中。@TruthOf42-您真正的问题是您将标签元素定位在表元素中，而html定义无法识别，因为它不是表元素的一部分。@TruthOf42-我看到了您的更新，尝试更改我在回答中所写的html，并更改javascript。本例中的解决方案是将标签隐藏在外部，并将其html添加到表中。@TruthOf42-您真正的问题是您将标签元素定位在表元素中，而html定义无法识别，因为它不是表元素的一部分。@TruthOf42-我看到了您的更新，尝试更改我在回答中所写的html，并更改javascript。您的解决方案是将标签隐藏在外部，并将其html添加到表中。@TruthOf42-您真正的问题是您已将标签元素定位在表元素中，而html定义无法识别这一点，因为它不是表元素的一部分。至少这回答了我为什么的问题，但是你有没有办法解决我想在asp.net和javascript中实现的目标？至少这回答了我为什么的问题，但是你有办法解决我想在asp.net和javascript中实现的目标吗？至少这回答了我为什么的问题，但是你有没有解决方案来完成我在asp.net和javascript中的尝试？好吧，至少这回答了我为什么的问题，但是你有没有解决方案来完成我在asp.net和Java中的尝试