无法 append 到表

Question

我有一张表，我正在尝试在 append 上添加一个新行。 出于某种原因，我在尝试将 append 发送到 tbody 时收到 null 错误。 “未捕获的类型错误：无法读取 null 的属性（读取 'childNodes'）”

$('#tbItems').append('<tr>' + newRow + '</tr>');

这是将数据附加到表的代码行。

<table id="tbItems">
            <tr>
                <th>Note</th>
                <th>Part Number</th>
                <th>Quantity</th>
                <th>Buy Price</th>
                <th>Total Buy
                    <br />
                    <asp:Label ID="lblGrandTotalBuy" runat="server" Text="$0.00"></asp:Label>
                </th>
                <th>Sell Price</th>
                <th>Total Sell
                    <br />
                    <asp:Label ID="lblGrandTotalSell" runat="server" Text="$0.00"></asp:Label></th>
                <th>Profit
                    <br />
                    <asp:Label ID="lblGrandTotalProfit" runat="server" Text="$0.00"></asp:Label>
                </th>
                <th class="auto-style1">GP
                    <br />
                    <asp:Label ID="lblGrandTotalGP" runat="server" Text="0%"></asp:Label>
                </th>
            </tr>
            <asp:Repeater ID="rptLineItems" runat="server" DataSourceID="sqlLines">
                <HeaderTemplate>
                </HeaderTemplate>
                <ItemTemplate>
                    <tr>
                        <td>
                            <asp:Label ID="rlblNote" runat="server" Text="Note:"></asp:Label>
                        </td>
                        <td>
                            <input class="PartNumberAC" name="PartNumberAC" value='<%#Eval("PartNumber") %>' />
                        </td>
                        <td>
                            <input name="txtQty" onchange="qtyChange(this)" value='<%#Eval("qty") %>' class="PartQty" />
                        </td>
                        <td>
                            <input name="txtBuyPrice" onchange="buyPriceChange(this)" value='<%#Eval("BuyPrice") %>' class="PartBuyPrice" />
                        </td>
                        <td>
                            <asp:Label ID="rlblTotalBuy" CssClass="cTotalBuy" runat="server" Text='<%#Eval("BuyPriceTotal") %>'></asp:Label>
                        </td>
                        <td>
                            <input name="rtxtSellPrice" onchange="sellPriceChange(this)" class="PartSellPrice" value='<%#Eval("SellPrice") %>' />
                        </td>
                        <td>
                            <asp:Label ID="rlblTotalSell" class="cTotalSell" runat="server" Text='<%#Eval("SellPriceTotal") %>'></asp:Label>
                        </td>
                        <td>
                            <asp:Label ID="rlblProfit" class="cProfit" runat="server" Text='<%#Eval("Profit") %>'></asp:Label>
                        </td>
                        <td class="auto-style1">
                            <asp:Label ID="rlblGP" runat="server" Text='<%#Eval("GP") %>'></asp:Label>
                        </td>
                    </tr>

                </ItemTemplate>
                <FooterTemplate>
                </FooterTemplate>
            </asp:Repeater>
            <tr>
                <td>
                    <asp:Label ID="lblNote" runat="server" Text="Note:"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtPartNumber" runat="server" CssClass="PartNumberAC" name="PartNumberAC" ClientIDMode="Static"></asp:TextBox>
                </td>
                <td>
                    <asp:TextBox ID="txtQty" runat="server" onchange="qtyChange(this)" CssClass="PartQty" ClientIDMode="Static">0</asp:TextBox>
                </td>
                <td>
                    <asp:TextBox ID="txtBuyPrice" runat="server" onchange="buyPriceChange(this)" CssClass="PartBuyPrice" ClientIDMode="Static">0</asp:TextBox>
                </td>
                <td>
                    <asp:Label ID="lblTotalBuy" CssClass="cTotalBuy" runat="server" Text="0"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtSellPrice" runat="server" onchange="sellPriceChange(this)" CssClass="PartSellPrice" ClientIDMode="Static">0</asp:TextBox>
                </td>
                <td>
                    <asp:Label ID="lblTotalSell" class="cTotalSell" runat="server" Text="0"></asp:Label>
                </td>
                <td>
                    <asp:Label ID="lblProfit" class="cProfit" runat="server" Text="0"></asp:Label>
                </td>
                <td class="auto-style1">
                    <asp:Label ID="lblGP" runat="server" Text="0"></asp:Label>
                </td>
            </tr>
        </table>

这是表格的代码。

你可以看到我是通过它的ID来调用这个表的，所以它不应该是null。 我只是无法弄清楚这里发生了什么。

Answer 1

我能够通过使用不同的方法来添加行来绕过这个问题。

而不是： $('#tbItems').append('<tr>' + newRow + '</tr>');

我现在正在使用：

var nRow = document.createElement("tr"); nRow.innerHTML = newRow; document.getElementById("tbItems").appendChild(nRow);