ボタンをテーブルに追加する方法

Question

今、私はテーブルの底にボタンをクリックすると、正しい数のセルを追加する機能を持っています。行を追加するための

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"; 

     } 

は、どのように私は私の第六のセルにボタンを追加することができますか？

Answer 1

単にinnerHTMLプロパティを設定するときに、明示的にボタンが含まれるように、あなたの第六のセル（すなわちcell6）の内容を変更します。

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