如何将顶部表格行推到底部-HTML和JavaScript_Javascript

如何将顶部表格行推到底部-HTML和JavaScript

javascript

如何将顶部表格行推到底部-HTML和JavaScript,javascript,Javascript,我想把某些行推到表的底部，如何用普通JavaScript实现呢在下表中，我想将第一行和第二行推到底： <table> <tr><td>ABCD</td></tr> <tr><td>XYZ</td></tr> <tr><td>adfs</td></tr> <tr><td>asd</

我想把某些行推到表的底部，如何用普通JavaScript实现呢

在下表中，我想将第一行和第二行推到底：

<table>
    <tr><td>ABCD</td></tr>
    <tr><td>XYZ</td></tr>
    <tr><td>adfs</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asdasd</td></tr>
</table>


ABCD
XYZ
ADF
自闭症
asdasd

只需执行以下操作：

NewOrder[1] = 3;
NewOrder[2] = 4;
NewOrder[3] = 2;

假设你有这样的桌子：

<table id='table'>
    <tr id='row1><td>....</td></tr>
    <tr id='row2><td>....</td></tr>
    <tr id='row3><td>....</td></tr>
    <tr id='row4><td>....</td></tr>
</table>

然后，做一些类似的事情（未经测试，因此可能需要调整代码，但这就是想法）：

一旦DOM就绪，立即显示整个页面。加载页面需要多花几分之一秒的时间，但它会一次加载所有内容，因此不会出现任何缺少表格的闪现等。只要所有内容都在#所有内容中，它看起来就像加载的页面一样-应该对查看者透明。

将表体的第一个子项附加到表体。两次

tablebody元素只能将trs作为子元素。

您好，我没有使用任何框架，请您用简单的javascript解释一下

for ( i=1; i<=NewOrder.length; i++ ) {
    $('row'+i).appendTo( '#table' );
}

<body>
<div id='everything' style='display:none;'>
....
</div>
</body>

$(function(){
    $('#everything').show();
}

tablebodyreference.appendChild(tablebodyreference.firstChild);
tablebodyreference.appendChild(tablebodyreference.firstChild);