Javascript 显示表格对象

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>";

我正在用Javascript数组填充一个html表。但我无法在页面上显示此表。如何显示此表?另外,如果我的功能有任何问题,请告诉我

这是我的密码

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;