使用 HTML 显示表格

Question

我想使用 HTML 以表格格式显示以下内容。 您能否快速帮助使用 HTML 显示此内容。 请在下面找到示例表内容。

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

Answer 1

阅读代码，如果您有任何不明白的地方，请随时提问。

只是一个注释..您可以在每一行和每个单元格中附加.appendChild 或其他内容。我通过构建一个字符串并将其附加到最后的原因是 DOM 操作很繁重，所以我更喜欢做一次，但不是为每一行和每个单元格做一次。明白了吗？

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>