Probleme mit innerHTML in Javascript

Question

Ich habe Probleme mit innerHTML in meinem Code. Es scheint die HTML-Tags nicht zu erkennen und druckt nur die Daten.

Hier ist die Linie

document.querySelector('#listreceipts').innerHTML = '<tr><td>' + grower + '</td><td>' + receipt + '</td><td>' + amnt + '</td><td>' + pdate + '</td></tr>'; 

Was könnte ich fehlen?

Answer 1

Wenn #listreceipts ist <table>, <thead>, <tbody> oder <tfoot> es funktionieren sollte:

var grower = 1; 
 
var receipt = 2; 
 
var amnt = 3; 
 
var pdate = 4; 
 

 
document.querySelector('#listreceipts').innerHTML += '<tr><td>' + grower + '</td><td>' + receipt + '</td><td>' + amnt + '</td><td>' + pdate + '</td></tr>';

table, th, td { 
 
    border: 1px solid black; 
 
}

<table id="listreceipts"> 
 

 
</table>

So müssen Sie += statt = hinzuzufügen. Wenn innnedHTML Code von Browser gut geparst wird es funktionieren;