生成HTML表使用JavaScript，行順序

Question

我dinamicaly建立一個HTML表格與Java腳本：這是我的HTML表格：

<table class="ui-list" cellpadding="2" id = "tbl"> 
       <thead> 
        <tr> 
         <th>Artikel ID</th> 
         <th>Artikelnr</th> 
         <th>Bezeichnung</th> 
         <th>Stk.</th> 
         <th><?php echo FW_HTML_Button::build('entfernen', array('onclick' => '' ,'id'=>'get_button')); ?></th> 

        </tr> 
       </thead> 
       <tbody> 
        <tr> 
        <td></td> 
        <td></td> 
        <td>Gesamt:</td> 
        <td></td> 
        <td>Action:</td> 
        </tr> 
       <!-- Fill with JS --> 
       </tbody> 
      </table> 

這是我寫些行：

  function addRow(tableID) { 

       var table = document.getElementById(tableID); 

       var rowCount = table.rows.length; 
       var row = table.insertRow(rowCount); 

       var cell1 = row.insertCell(0); 
       var element1 = obj[16][count]["id"]["article_id"]; 
       cell1.innerHTML = element1; 

       var cell2 = row.insertCell(1); 
       var element2 = obj[16][count]["id"]["article_no_internal"]; 
       cell2.innerHTML = element2; 

       var cell3 = row.insertCell(2); 
       var element3 = obj[16][count]["id"]["article_name_internal"]; 
       cell3.innerHTML = element3; 

       var cell4 = row.insertCell(3); 
       cell4.innerHTML = obj[16][count]["stk"];; 

       var cell5 = row.insertCell(4); 
       var element4 = document.createElement("input"); 
       element4.type = "checkbox"; 
       cell5.appendChild(element4); 

      } 

它工作得很好，我唯一的瑕疵是，因爲你可以看到我已經在我的HTML部分中有一行，我想把新行，befor我在html中創建的行。現在它總是將新行放在寫入'gesamt'和'action'的行之後。是否有可能使這個不同？

Answer 1

使用

var row = table.insertRow(rowCount - 1); 

，而不是

var row = table.insertRow(rowCount); 

（假設，當然，這是guarranteed，你永遠在你的表中有這個頁腳行）。

請參閱：http://jsfiddle.net/hwSfG/

Answer 2

您可以使用JQuery .prepend（）函數。 它的父元素的開頭插入元素： http://api.jquery.com/prepend/