javascript - appendChild 不在正确的位置

Question

我想在表的特定行之后附加一个子项 ( <tr>)。因为行是由 while mysqli_fetch_array() 添加的

我做了一个 fiddle 来说明这个问题。当您单击添加时，文本“abc”会被添加。但在 table 后面，不是新的<tr>在原始行下。 Fiddle这怎么能解决。

Answer 1

jsFiddle Demo

您正在插入带有 Child 附加表行的子项。这就是为什么安置似乎“不在正确的地方”。但是，它就在您要求放置它的位置。相反，您可以使用 insertBefore^MDN 像这样:

ct.parentNode.insertBefore(tr,ct.nextSibling);

这将查看该行的父级 (<tbody>)，然后在所选按钮的下一行之前插入新行。本质上这是“insertAfter”，但由于某种原因该功能从未实现。

关于 insertBefore 的说法不知何故很慢，应该避免或者 appendChild是首选，看起来that is not the case .