我希望能够用JavaScript编写一段代码,从一个仅包含数字的数组创建一个简单的HTML表格:
表格应该长这样:
这个例子只会显示数组中的两个值,但会重复很多次。
var array = [1,2,3,4,5,6,7,8,9,10];
表格应该长这样:
1 2 3 4 5
6 7 8 9 10
但是JavaScript代码应该根据数组大小动态变化(始终是5的倍数)。
我尝试了很多方法,但它从来没有按照我想要的方式工作。实现这个最简单的方法是什么?
这是我的一种尝试。
var tableStart = "<table border>";
for (i = 0; i < arraySize/5; i++){
var tableMiddle = "<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>"
if (arraySize/5 >= 2) {
tableMiddle = tableMiddle + tableMiddle;
}
};
var tableEnd = "</table>";
var table = tableStart.concat(tableMiddle, tableEnd);
以及
var result = "<table border=1>";
for(var i=0; i<2; i++) {
result += "<tr>";
for(var j=0; j<array.length; j++){
result += "<td>"+array[i]+"</td>";
}
result += "</tr>";
}
result += "</table>";
这个例子只会显示数组中的两个值,但会重复很多次。