2017-02-12 66 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>"; 
相关问题