Javascript 显示表格对象
我正在用Javascript数组填充一个html表。但我无法在页面上显示此表。如何显示此表?另外,如果我的功能有任何问题,请告诉我 这是我的密码Javascript 显示表格对象,javascript,html,arrays,Javascript,Html,Arrays,我正在用Javascript数组填充一个html表。但我无法在页面上显示此表。如何显示此表?另外,如果我的功能有任何问题,请告诉我 这是我的密码 function resultTable(arr1, arr2, arr3) { var result = "<table id='Result' border=1>"; result += "<tr>"; result += "<th>"+Name+"</th>";
function resultTable(arr1, arr2, arr3) {
var result = "<table id='Result' border=1>";
result += "<tr>";
result += "<th>"+Name+"</th>";
result += "<th>"+Score+"</th>";
result += "<th>"+Grade+"</th>";
result += "</tr>";
for(var i=0; i<10; i++) {
result += "<tr>";
result += "<td>"+arr1[i]+"</td>";
result += "<td>"+arr2[i]+"</td>";
result += "<td>"+arr3[i]+"</td>";
result += "</tr>";
}
result += "</table>";
return result;
}
var table = resultTable(names, score, grade);
函数可结果(arr1、arr2、arr3){
var结果=”;
结果+=”;
结果+=“”+名称+“”;
结果+=“”+分数+“”;
成绩+=“”+成绩+“”;
结果+=”;
对于(var i=0;i这里一切都很好。现在需要做的就是将它附加到DOM中。
例如:
这是一个很有用的工具。您只是忘记了将结果应用于DOM,例如,您可以为此创建特定的容器:
document.getElementById('container').innerHTML = table;
或者只需将其插入正文
:
document.body.innerHTML = table;
以下是一个例子:
函数可结果(arr1、arr2、arr3){
var结果=”;
对于(变量i=0;i
DOM结果元素实际上并不存在……它必须在HTML中或通过JavaScript创建
在您的示例中,它只是一个字符串
函数可结果(arr1、arr2、arr3){
//这是一根绳子
var结果=”;
对于(var i=0;i一切正常您必须向其附加一个DOM元素设置一个div并将div内部html设置为返回fn@shakeelosmani明白了,谢谢!我想你的问题可能与这个问题重复:他们提供了广泛的答案。它起作用了。现在我添加了表格的标题,但它停止了工作。我更新了代码。请查看。您的更新代码中似乎存在字符串连接错误,“+Name+”
应该是简单的“Name”
,此处不需要字符串连接。对分数和分数也要这样做。
document.body.innerHTML = table;