Javascript创建带有for循环和数组的表 [英] Javascript create table with for loop and array
本文介绍了Javascript创建带有for循环和数组的表的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试基于数组和for循环生成表.我已经尽力解决了这个问题,但没有结果.在for循环中,您可以看到我已经尝试过,但是没有结果.我希望该表仅从数组和for循环生成,并且看起来像这样:
I am trying to generate a table based on arrays and for loops. I have tried my best to solve this on my own With no result. In the for loop you can see that I have tried but With no result. I want the table to only generate from the arrays and for loop and it to look like this:
|Tresort | 1915 | 1950 | 1970 | 1990 | 1992 | 2000 |
|Furu | 20 | 31 | 53 | 89 | 102 | 117 |
|Gran | 23 | 39 | 72 | 89 | 92 | 99 |
|Lauvtre | 4 | 6 | 8 | 12 | 15 | 18 |
这是我的代码:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table id="tabell" border="1px">
</table>
<script>
function tabellOp() {
var measurement = [ [20,31,53,89,102,117], [23,39,72,89,92,99], [4,6,8,12,15,18] ];
var tree = ["furu", "gran", "lauvtre"];
var year = [1915,1950,1970,1990,1992,2000]
var tabellget = document.querySelector("#tabell");
var row="";
for(var i =0;i<tree.length;i++) {
row = "<tr><th> Tresort</th></tr>";
row += "<tr><th>" + tree[i] + "</tr></th>";
}
tabellget.innerHTML = row;
}
window.onload=tabellOp;
</script>
</body>
</html>
推荐答案
基于您的代码的简单解决方案(参见jsfiddle )
simple solution your code based (see on jsfiddle)
function tabellOp() {
var measurement = [ [20,31,53,89,102,117], [23,39,72,89,92,99], [4,6,8,12,15,18] ];
var tree = ["furu", "gran", "lauvtre"];
var year = [1915,1950,1970,1990,1992,2000];
var tabellget = document.querySelector("#tabell");
var row = "<tr><th> Tresort</th>";
for (var i = 0; i < year.length; i++) {
row += "<th>" + year[i] + "</th>";
}
row += "</tr>";
for (var i = 0; i < tree.length; i++) {
row += "<tr><th>" + tree[i] + "</th>";
for (var j = 0; j < measurement[i].length; j++) {
row += "<td>" + measurement[i][j] + "</td>";
}
row += "</tr>";
}
tabellget.innerHTML = row;
}
window.onload = tabellOp;
这篇关于Javascript创建带有for循环和数组的表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文