我無法使用 javascript 回圈資料并將其顯示在 HTML 表中,失敗是顯示的資料與我預期的不正確,資料在表外,如何使資料顯示在表內
HTML 代碼:
<table style="border: 1px solid">
<thead>
<th>Name</th>
</thead>
<tbody>
<div id="demo"></div>
</tbody>
</table>
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;
結果: 在此處輸入影像描述
uj5u.com熱心網友回復:
所有表格內容都應該在單元格內,您的 div 在 tbody 中 - 這就是表格將其洗掉的原因。
在你的情況下 - 洗掉 div 并將他的 id 設定為<tbody>
<table style="border: 1px solid">
<thead>
<th>Name</th>
</thead>
<tbody id="demo"></tbody>
</table>
uj5u.com熱心網友回復:
只需進行以下更改:
<table style="border: 1px solid">
<thead>
<th>Name</th>
</thead>
<tbody id="demo"></tbody>
</table>
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/486470.html
標籤:javascript html 循环
