Question

以下是我如何获得该表：

var table = document.getElementById(tableId);

这里只有没有页眉和页脚的表格行，基本上只有表格主体：

var tableBodyRowsONLY = table.getElementsByTagName('tbody').item(0).getElementsByTagName('tr');

以下是获取行然后将其插回表中的代码：

    var tempSaveRow;

    for (var x = 0; x < tableBodyRowsONLY.length ; x++) {          
        tempSaveRow = tableBodyRowsONLY[x].innerHTML;
        console.log(tableBodyRowsONLY[x]);
    }

    var row = table.insertRow(2);
    row.innerHTML = tempSaveRow;

不要担心循环，它现在只占最后一行（仍在进行中）。

我的问题是，当行回到表中时，它缺少与该行关联的所有css类。我该如何解决这个问题？也许是一种更好的实施方式？

Answer 1

使用outerHTML代替innerHTML。这样你也将替换row元素本身，包括它的所有属性。在当前代码中，您只将行的内容移动到没有任何属性的新空行。

JavaScript手动重新排列HTML表格中的行

1 个答案: