数组，它只来自 document.write

Question

我目前正在学习如何从数组中创建 table，但是当我从数组中获取信息时遇到了问题，它只能通过 document.write

var a1=[1,2,3,4,5];
var a2=[1,2,3,4,5];
var a3=[1,2,3,4,5];
var all= [a1,a2,a3];
for (row=0; row<all.length; row++) {

   for(col=0; col<all[row].length; col++){ 

      document.write(all[row][col] + ";" )

}
document.write("<br>"); }

但是当我从某个 ID 的数组中获取信息/数据时，它不起作用 document.getElementById

var a1=[1,2,3,4,5];
var a2=[1,2,3,4,5];
var a3=[1,2,3,4,5];
var all= [a1,a2,a3];
for (row=0; row<all.length; row++) {

   for(col=0; col<all[row].length; col++){ 

      document.getElementById("show").innerHTML=all[row][col] + ";" 

}
document.getElementById("show").innerHTML="<br>"; }

Answer 1

你可以加载所有 html 变量并添加到 innerHtml

var a1=[1,2,3,4,5];
var a2=[1,2,3,4,5];
var a3=[1,2,3,4,5];
var all= [a1,a2,a3];
var html='';
for (row=0; row<all.length; row++) {
    for(col=0; col<all[row].length; col++){ 
         html+=all[row][col]+';';
     }
        html+="<br>";
}

document.getElementById("show").innerHTML=html;

<div id='show'></div>

Answer 2

这是一个可以完成这项工作的单线：

var all=[[1,2,3,4,5],
         [1,2,3,4,5],
         [1,2,3,4,5]];
document.querySelector("table").innerHTML=
all.map(r=>"<tr><td>"+r.join("</td><td>")+"</td></tr>").join("");

td { border:1px solid gray }

<table></table>

数组，它只来自 document.write

array, it only comes through document.write

javascript

arrays

html-table