No pude hacer un bucle de datos con javascript y mostrarlos dentro de la tabla HTML, el error es que los datos que se muestran no son correctos como esperaba, los datos están fuera de la tabla, cómo hacer que los datos se muestren dentro de la tabla
Código HTML :
<table style="border: 1px solid"> <thead> <th>Name</th> </thead> <tbody> <div id="demo"></div> </tbody> </table>Código JavaScript:
const cars = ["BMW", "Volvo", "Saab", "Ford"]; let i = 0; let text = ""; for (let i = 0; i < cars.length; i++) { text += "<tr> <td>"+ cars[i] + "</td> </tr>"; } document.getElementById("demo").innerHTML = text;El resultado: ingrese la descripción de la imagen aquí
Todo el contenido de la tabla debe estar dentro de las celdas, su div está en tbody, es por eso que la tabla lo descarta.
En su caso, elimine div y establezca su id en <tbody>
<table style="border: 1px solid"> <thead> <th>Name</th> </thead> <tbody id="demo"></tbody> </table>Solo haz los siguientes cambios:
<table style="border: 1px solid"> <thead> <th>Name</th> </thead> <tbody id="demo"></tbody> </table>