如何下推表格中的元素- HTML

How to push down an element in a table - HTML

本文关键字：元素 HTML 表格 何下推 下推      更新时间：2023-09-26

我有一个有10行的表，每个例子我隐藏行1,2,3，我怎么能把我隐藏的行推到其他人看起来像这样:

row4-row5-row6-row7-row8-row9-row10-row1-row2-row3

引用行并将其附加到主体的末尾。

var tbody = document.querySelector("#table tbody");
var trs = document.querySelectorAll("#table tbody tr");
tbody.appendChild(trs[0]);
tbody.appendChild(trs[1]);
<table id="table">
  <tbody>
    <tr><td>1</td></tr>    
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
  </tbody>
</table>

相关文章：