appendChild位置不正確

Question

我想在特定行之后將一個孩子（ <tr> ）附加到表中。 因為行是while mysqli_fetch_array()添加的

我做了一個小提琴來顯示問題。 當您添加時，將添加文本“ abc”。 但在表格后面，而不是原始行下方的新<tr> 。 提琴如何解決。

Answer 1

jsFiddle Demo

您將在表行的子項中添加append Child 。 這就是為什么放置位置似乎“不在正確的位置”的原因。 但是，它恰好在您要求放置它的位置。 相反，您可以像這樣使用insertBefore ^MDN ：

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

這將查看行的父目錄（ <tbody> ），然后在所選按鈕的下一行之前插入新行。 本質上，這是“ insertAfter”，但是出於任何原因，從未實現該功能。

至於insertBefore有點慢並且應該避免或者appendChild是首選的說法，似乎並非如此 。