在每个动态生成的引导程序表上放置一个按钮

Question

我有一个引导程序表，并且我想要放在每个动态行下的塔拉图像选项卡上带有文本的按钮让我们说“get image”。这是代码：

<div role="tabpanel" class="tab-pane" id="missed-entries"> 
       <div class="container"> 
        <div class="panel panel-info" style="margin-top:24px;"><div class="panel-heading"> <h3 class="panel-title">Info</h3> </div><div class="panel-body">Lists all the missed balance-events entries that need further investigation.</div></div> 
        <table id="scale_missed_entries" 
          data-toggle="table" 
          data-pagination="true" 
          > 
         <thead> 
          <tr> 
           <th data-field="product_weight">Weight</th> 
       <th data-field="product_added_date">Added date</th> 
           <th>Tara Image</th> 
          </tr> 
         </thead> 
        </table> 
       </div> 
      </div> 

我会发布图片与我的实际表（我画着红红的，我要如何把我的按钮）：

Answer 1

var r = document.getElementById('MYTABLE').getElementsByTagName("tr"); 
 
for(i=0;i<r.length;i++){ 
 
    var td=r[i].getElementsByTagName("td")[2]; 
 
    var btn = document.createElement("BUTTON");  // Create a <button> element 
 
    var t = document.createTextNode(td.innerHTML);  // Create a text node 
 
    btn.appendChild(t);        // Append the text to <button> 
 

 
    td.removeChild(td.firstChild); 
 
    td.appendChild(btn); 
 
    }

<div role="tabpanel" class="tab-pane" id="missed-entries"> 
 
       <div class="container"> 
 
        <div class="panel panel-info" style="margin-top:24px;"><div class="panel-heading"> <h3 class="panel-title">Info</h3> </div><div class="panel-body">Lists all the missed balance-events entries that need further investigation.</div></div> 
 
        <table id="scale_missed_entries" 
 
          data-toggle="table" 
 
          data-pagination="true" 
 
          > 
 
         <thead> 
 
         
 
          <tr> 
 
           <th data-field="product_weight">Weight</th> 
 
       <th data-field="product_added_date">Added date</th> 
 
           <th>Tara Image</th> 
 
          </tr> 
 
          </thead> 
 
          <tbody id='MYTABLE'> 
 
          <tr> 
 
           \t <td>1</td> 
 
           \t <td>23.02.2017</td> 
 
           \t <td>get image</td> 
 
          </tr> 
 
          <tr> 
 
           \t <td>2</td> 
 
           \t <td>23.02.2017</td> 
 
           \t <td>get image</td> 
 
          </tr> 
 
          <tr> 
 
           \t <td>3</td> 
 
           \t <td>23.02.2017</td> 
 
           \t <td>get image</td> 
 
          </tr> 
 
         </tbody> 
 
         
 
        </table> 
 
       </div> 
 
      </div>

希望这会有所帮助！