javascript - 如何在表格中并排获取2张图像

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

  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;

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

最佳答案

这似乎是一种奇怪的动作。

我认为由“ createElement”构成的“ img”元素仅使用了一次。

如果您需要解决方案，该如何使用。

Clone Node

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

这样也许可以解决这个问题。

更新

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

希望对您有所帮助。 :)

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

关于javascript - 如何在表格中并排获取2张图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47418312/