Anzeige der Tabelle mit HTML

Question

Ich möchte die folgenden Inhalte in Tabellenform mit HTML anzeigen. Können Sie bitte schnell helfen, diesen Inhalt mit HTML anzuzeigen. finden Sie unten Beispiel Inhalt der Tabelle.

Name | Count 
------------ 
X1 | 6 
X2 | 3 

Answer 1

Lesen Sie den Code und wenn Sie nichts verstehen, zögern Sie nicht zu fragen.

Nur eine Anmerkung .. Sie können jede Zeile und Zelle mit .appendChild oder etwas anhängen. Der Grund, warum ich es gemacht habe, indem ich eine Zeichenkette erstellt habe und sie am Ende angehängt habe, ist, dass die DOM-Manipulation schwer ist, also ziehe ich es vor, es einmal zu machen, aber nicht für jede Zeile und Zelle.

var jsonResponse = '[ { "name": "x16", "count": "x23" } ]'; 
 
var json = JSON.parse(jsonResponse); 
 

 
var output = ''; 
 
for (var i = 0; i < json.length; i++) { 
 
    output += '<tr><td>' + json[i].name + '</td><td>' + json[i].count + '</td></tr>'; 
 
} 
 

 
document.querySelector('tbody').innerHTML = output;

<table> 
 
    <thead> 
 
    <tr> 
 
     <th>Name</th> 
 
     <th>Count</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 

 
    </tbody> 
 
</table>