Question

为什么我使用下面的代码在表格行中没有彼此相邻的2张图像？您可以复制/粘贴到JSFiddle

＆＃13;

  var existingbody = document.getElementById('PulseBody');
     var newBody = document.createElement('tbody');
     var row = document.createElement('tr');

     var greenLight = document.createElement("img");
     greenLight.src = "http://placehold.it/50x50";
     greenLight.style.height = "30px";
     greenLight.style.width = "30px";

     var cellImg = document.createElement('td');
     cellImg.appendChild(greenLight);
     row.appendChild(cellImg);  

     var cellImg2 = document.createElement('td');
     cellImg2.appendChild(greenLight);
     row.appendChild(cellImg2);

     newBody.appendChild(row);

     existingbody.innerHTML = newBody.innerHTML;

＆＃13;

<div class="container-fluid" style="padding: 0px;height:100%">
  <span id="PulseTableDT" style="padding-top:5px;font-size:10px">Incitialising...</span>
  <table id="PulseTable" class="display2" style="height:100%">
    <tbody id="PulseBody" style="height:100%">
      <tbody>
  </table>
</div>

＆＃13;

Answer 1

这似乎是一种奇怪的行为。

我认为＆＃39; img＆＃39;元素由＆＃39; createElement＆＃39;只用了一次。

如果你想要一个解决方案，那么如何使用它。

Clone Node

var cellImg = document.createElement('td');
cellImg.appendChild(greenLight.cloneNode(true));   // used 'cloneNode' function
row.appendChild(cellImg);

这可能能够解决这个问题。

更新

我有一个链接来解释这个。

我希望这可以帮到你。：）

https://stackoverflow.com/a/6245051/8481089

如何在表格中并排获得2张图像

1 个答案: