我正在编写一个脚本,它创建一个包含4列的表格。这些列是N
,N * 10
,N * 100
和N * 1000
。我设法创造了前两列,但现在我被卡住了。我应该如何重构我的代码?使用JavaScript动态创建表格
var n;
var m1 = 10;
var m2 = 100;
var m3 = 1000;
document.writeln("<table>");
document.writeln("<h1>Calculating Compound Interest</h1>");
document.writeln("<thead><tr><th>N</th>");
document.writeln("<th>N * 10</th>");
document.writeln("<th>N * 100</th>");
document.writeln("<th>N * 1000</th>");
document.writeln("</tr></thead><tbody>");
for (var number = 1; number <= 5; number++) {
n = number * m1;
if (number % 2 !== 0)
document.writeln("<tr class='oddrow'><td>" + number +
"</td><td>" + n.toFixed(0) + "</td></tr>");
else
document.writeln("<tr><td>" + number +
"</td><td>" + n.toFixed(0) + "</td></tr>");
}
document.writeln("</tbody></table>");
你有这么远 - 我想你应该能够弄明白。 – 2013-10-02 03:37:30
您可以使用数组来保存乘数并循环并计算 - http://jsfiddle.net/9ztbS/ – dchhetri
请考虑基于模板的数据绑定解决方案,而不是手动循环动态html。研究Jquery模板,KnockoutJs或类似的工具 – TGH