Question

我克隆一行并将其附加到表的末尾，以下函数add_record（）。我的问题是如何将它附加到表的开头。我尝试使用

$("#main_table_id tbody").prepend(clone)

和

$("#main_table_id tbody").prepend(clone.innerHtml)

但它没有用。

function add_record(){      
        var row = document.getElementById("template_no_1_id"); 
        var table = document.getElementById("main_table_id"); 
        var clone = row.cloneNode(true); 
        clone.id = "newID"; 
        table.appendChild(clone); 
    }

Answer 1

使用原生函数insertRow。

<table id="TableA">
<tr>
<td>Old top row</td>
</tr>
</table>
<script type="text/javascript">

function addRow(tableID) {
  // Get a reference to the table
  var tableRef = document.getElementById(tableID);

  // Insert a row in the table at row index 0
  var newRow   = tableRef.insertRow(0);

  // Insert a cell in the row at index 0
  var newCell  = newRow.insertCell(0);

  // Append a text node to the cell
  var newText  = document.createTextNode('New top row');
  newCell.appendChild(newText);
}

// Call addRow() with the ID of a table
addRow('TableA');

</script>

信用：https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableElement.insertRow

如何使用javascript将行添加到表的开头

1 个答案: