如何将JSON数组转换为HTML [已关闭]

kognpnkq  于 2023-05-02  发布在  其他
关注(0)|答案(1)|浏览(148)

已关闭,此问题需要details or clarity。目前不接受答复。
**想改善这个问题吗?**通过editing this post添加详细信息并澄清问题。

6天前关闭。
Improve this question

你好社区,你不能帮我把json数组转换成html表。

iklwldmw

iklwldmw1#

您可以考虑使用document.createElement动态创建这些元素。然后,使用node.appendChild注入到DOM。

const scoreFinal = [
  { id: '7', nombre: 'Bruce Banner', puntaje: '90' },
  { id: '5', nombre: 'Saul Mendez', puntaje: '80' }
];

for (const { id, nombre, puntaje } of scoreFinal) {
  const tdId = document.createElement('td');
  tdId.innerText = id;
  const tdNombre = document.createElement('td');
  tdNombre.innerText = nombre;
  const tdPuntaje = document.createElement('td');
  tdPuntaje.innerText = puntaje;

  const row = document.createElement('tr');
  row.appendChild(tdId);
  row.appendChild(tdNombre);
  row.appendChild(tdPuntaje);
  document.getElementById('scoreFinal').appendChild(row);
}
<table border="1" id="scoreFinal"><tr><th>Id</th><th>Nombre</th><th>Puntaje</th></tr></table>

相关问题