JavaScript手動重新排列HTML表中的行

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元素本身，包括其所有屬性。 在當前代碼中，您僅將行的內容移動到沒有任何屬性的新的空行。