2017-02-12 16 views
0

所以現在我有一個函數可以在單擊按鈕時在表格底部添加正確數量的單元格。如何將一個按鈕添加到表中

JS添加一行:

<a href="javascript:myFunction();" title="addRow" class="btn btn-info" id="row">Add Row</a> 
     <script> 
     function myFunction() { 
      var table = document.getElementById("data-table"); 
      var row = table.insertRow(-1); 
      var cell1 = row.insertCell(0); 
      var cell2 = row.insertCell(1); 
      var cell3 = row.insertCell(-1); 
      var cell4 = row.insertCell(-1); 
      var cell5 = row.insertCell(-1); 
      var cell6 = row.insertCell(-1); 

      cell1.innerHTML = "Video File Name"; 
      cell2.innerHTML = "Original File Size"; 
      cell3.innerHTML = "23432"; 
      cell4.innerHTML = "23423"; 
      cell5.innerHTML = "2342"; 
      cell6.innerHTML = "Compress"; 

     } 

我如何添加一個按鈕,進入我的第六單元,當我點擊我的外接排按鈕?

回答

4

簡單地改變你的第六單元格的內容(即cell6)設置innerHTML屬性時明確包含一個按鈕:

// This sets the HTML within your cell, so include whatever you need within it 
cell6.innerHTML = "<button>Compress</button>"; 
+0

使用jQuery - >''變種BTN = $('

+0

我明白了,這是有道理的。我將如何去添加一個下拉按鈕?相同的概念? – unseen

+0

沒錯,你只需要使用具有適當選項的''」;') –

-1

試試這個

cell6.innerHTML = "<button>my button</button>"; 
相關問題