如何将二维javaScript数组的内容显示到HTML表中

How to display contents of a 2-D javaScript Array into HTML Table?

本文关键字：显示 表中 HTML 数组 javaScript 二维      更新时间：2023-09-26

JavaScript Code ：此代码必须在结果数组的每一行上显示两个值

问题 ： 在一行中显示所有值

 var tablecontent = '<tr>';
 for ( var i=0 ; i<pos; i++)
 {
 tablecontent += "<td>"+result[pos][0]+"</td><td>"+result[pos][1]+"</td>";
 }
 tablecontent = '</tr>';
 test.innerHTML += tablecontent;

网页代码 ：

<div id="test">
<table> 
    <th> 
      <td>Column 1</td>
      <td>Column 2</td>
    </th>
</table>

这里是 JSFiddle.你有 2D 阵列...

var data = [
    [1, 2],
    [3, 4],
    [5, 6],
    [7, 8],
    [9, 10],
    [11, 12]
];

然后循环遍历每个单元格并将单元格数据附加到变量var tr;...

for(var i in data){
    var tr;
    for(var j in data[i]){
        console.log(data[i][j]);
        tr += '<td>'+data[i][j]+'</td>';
    }
    tr = '<tr>'+tr+'</tr>';
    $('#table tbody').html(tr);
}

$('#table tbody').html(tr);的最后一行使用的是 Jquery，但你可以用标准的 JavaScript 代码替换它。

相关文章：