Wie bekomme ich 2 Bilder nebeneinander in Tabelle

Question

Warum bekomme ich nicht 2 Bilder nebeneinander in meiner Tabellenzeile mit dem folgenden Code? Sie können Kopieren/Einfügen zu 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>

Answer 1

Es scheint wie eine Art seltsame Aktion.

Ich denke 'img' Element aus 'createElement' nur einmal verwendet.

Wenn Sie eine Lösung möchten, wie wäre es mit dieser.

Clone Node

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

Dies könnte in der Lage sein, dieses Problem zu lösen.

UPDATE

Und ich habe einen Link bekommen, dies zu erklären.

Ich hoffe, das kann Ihnen helfen. :)

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