时间戳

首页 > 解决方案 > 如何在 html 表格中创建行

javascript - 如何在 html 表格中创建行

问题描述

我正在尝试创建一个具有 5 行和 4 列的表，并且数字输入的倍数增加。我能够成功地打印要打印的数字，但都在一列中。我认为拆分循环会有所帮助，但显然没有。你能提供的任何帮助都会很棒。谢谢。<3

我的问题与提到的不一样。我的输入不同，我的输出不同。

<!DOCTYPE html>
<body>

<h2>A 5x4 multiples table based on user input</h2>

<script type='text/javascript'>

var num = prompt("Enter Number", "0")
var num = parseInt(num);
var i = 0;

document.write('<table border="1" cellspacing="0">');

for(i=1;i<5;i++) {
document.write("<tr><td>"+ num*i +"</td></tr>");
}

for(i=5;i<9;i++) {
document.write("<tr><td>"+ num*i +"</td></tr>");
}

for(i=9;i<12;i++) {
document.write("<tr><td>"+ num*i +"</td></tr>");
}

for(i=12;i<16;i++) {
document.write("<tr><td>"+ num*i +"</td></tr>");
}

for(i=16;i<21;i++) {
document.write("<tr><td>"+ num*i +"</td></tr>");
}

document.write("</table>");

</script>
</body>
</html>

标签： javascripthtml

解决方案

每次运行循环时都会创建一行。相反，您应该在循环之前创建行，然后在循环中添加 tsble-cells，最后添加结束行：

document.write("<tr>");
for(i=1;i<5;i++) {
    document.write("<td>"+ num*i +"</td>");
}
document.write("</tr>");

对所有循环执行此操作。

推荐阅读