javascript - 并排显示两列javascript

Question

嗨，我正在尝试将数据从数组显示到 html 输出表。但问题是我需要在选择提交按钮后在同一页面上显示该表。如果我使用 document.write 它将另一个页面。另外，通过使用 document.write，我无法并排显示两列。

   document.write("<table>");
    document.write('<tr><th>First Name</th></tr>');

    for(var h = 0; h< data.length;h++){
        document.write('<tr><td>' + data[h] + '</td></tr>');

    }
            document.write('</table>');

上面的代码显示第一个表。

  document.write("<table>");
    document.write('<tr><th>Last Name</th></tr>');

    for(var g = 0; g< data.length;g++){
        document.write('<tr><td>' + data1[g] + '</td></tr>');

    }
            document.write('</table>');

上面的代码给了我第二列，但它没有显示在第一列旁边。仅供引用，我正在从本地存储获取数据并将其存储为数组。请帮忙。谢谢

Answer 1

为什么不能这样尝试呢？

document.write("<table>");
document.write('<tr><th>First Name</th><th>Last Name</th></tr>');
  for(var h = 0; h< data.length;h++){
    document.write('<tr><td>' + data[h] + '</td>');
    document.write('<td>' + data1[h] + '</td></tr>');
  }
document.write('</table>');

Because both the for loops looping data only

然后它会显示如下

First Name | Last Name
----------------------
firstName1 | lastName1
firstName2 | laseName2