Javascript 如何将按钮添加到表中

所以现在我有一个函数，只要点击一个按钮，就可以将正确数量的单元格添加到表的底部

用于添加行的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";

      }

函数myFunction（）{
var table=document.getElementById（“数据表”）；
var行=table.insertRow（-1）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
var cell3=行插入单元格（-1）；
var cell4=行插入单元格（-1）；
var cell5=行插入单元格（-1）；
var cell6=行插入单元格（-1）；
cell1.innerHTML=“视频文件名”；
cell2.innerHTML=“原始文件大小”；
cell3.innerHTML=“23432”；
cell4.innerHTML=“23423”；
cell5.innerHTML=“2342”；
cell6.innerHTML=“压缩”；
}

---

单击“添加行”按钮时，如何将按钮添加到第六个单元格中？

只需更改第六个单元格（即

单元格6

）的内容，即可在设置属性时显式包含按钮：

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

//这将在单元格中设置HTML，因此在单元格中包含所需的内容
cell6.innerHTML=“压缩”；

设置属性时，只需更改第六个单元格（即

cell6

）的内容，即可显式包含一个按钮：

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

//这将在单元格中设置HTML，因此在单元格中包含所需的内容
cell6.innerHTML=“压缩”；

with jquery->

var btn=$（''）.text（cell6.text（））；cell6.empty（）.append（btn）我明白了，这是有道理的。如何添加下拉按钮？相同的概念？确切地说，您只需要使用带有适当选项的
元素（即
cell6.innerHTMl=“CompressUncompress”
）和jquery->
var btn=$（''）.text（cell6.text（））；cell6.empty（）.append（btn）我明白了，这是有道理的。如何添加下拉按钮？相同的概念？确切地说，您只需要使用带有适当选项的
元素（即
cell6.innerHTMl=“CompressUncompress”
）