Как добавить строку в начало таблицы с помощью javascript

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