首頁猿問為什么這個表沒有正確排序？

為什么這個表沒有正確排序？

JavaScript

拉風的咖菲貓 2023-08-10 15:20:10

不知道為什么表格沒有正確排序為行和列。我試圖創建一個二維數組，然后使用嵌套 for 循環自動創建一個表。list = [ [12, 4, 22], [11, 32, 7], [9, 16, 13]];for (var i = 0; i < list.length; i++) { tablebody.innerHTML += "<tr>"; for (var j = 0; j < list[i].length; j++) { tablebody.innerHTML += "<td>" + list[i][j] + "</td>"; } tablebody.innerHTML += "</tr>"}body { background-color: black; color: white;}<table id="table"> <thead id="tablehead"> <tr>List[0]</tr> <tr>List[1]</tr> <tr>List[2]</tr> </thead> <tbody id="tablebody"> </tbody></table>

查看完整描述

2 回答

慕村225694

TA貢獻1880條經驗獲得超4個贊

您無法將片段添加到innerHTML. 當您這樣做時tablebody.innerHTML+="<tr>";，瀏覽器會自動</tr>在后面添加一個結束語。

您需要將字符串構建到它自己的變量中，然后tablebody.innerHTML = yourTableVar;再執行。

var tableData = '';

for (var i = 0; i < list.length; i++) {

tableData += "<tr>";

for (var j = 0; j < list[i].length; j++) {

tableData += "<td>" + list[i][j] + "</td>";

}

tableData += "</tr>"

}

tablebody.innerHTML = tableData;

另外，您的 HTML<thead>不正確。您需要有一個<tr>作為標題行和<th>帶有列標題的標簽：

<tr>

</tr>

</thead>

反對回復 2023-08-10

慕容708150

TA貢獻1831條經驗獲得超4個贊

const tablebody = document.querySelector('table#table tbody')

, list =

[ [ 12, 4, 22 ]

, [ 11, 32, 7 ]

, [ 9, 16, 13 ]

]

for (let row of list)

{

let nRow = tablebody.insertRow()

for( let vCol of row)

{

nRow.insertCell().textContent = vCol

}

body {

background-color : black;

color : white;

}

table {

border-collapse : collapse;

}

table td {

padding : 5px;

width : 20px;

height : 20px;

border : 1px solid green;

text-align : center;

}

table thead {

background-color : darkblue;

}

<thead>

<tr>

</tr>

</thead>

<tbody>

</tbody>

</table>

反對回復 2023-08-10

2 回答
0 關注
110 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

為什么這個表沒有正確排序？

為什么這個表沒有正確排序？

2 回答

添加回答

為什么這個表沒有正確排序？