Javascript:使用 DOM 和 join()

Question

我有两个函数，一个函数创建一个像这样的表:

function return_formatted_results(result_no,addy,title,own_comment)
        {
var div=document.createElement("DIV");
attr(div, 'id', 'div_id'+result_no);

var form=document.createElement("FORM");
attr(form, 'id', 'det_'+result_no);
attr(form, 'name', 'form'+result_no);
attr(form, 'method', 'post');
attr(form, 'action', '');

// ###############
// add all other objects and attributes here
// ###################

form.appendChild(table);
div.appendChild(form);
}

然后我有一个调用上述函数的函数:

    function get_urls_and_display()
    {


        var allTables=new Array();

        for(var i=0;i<url.length;i++)
{   allTables[i]=return_formatted_results(i,url[i],the_title[i],the_comm[i]);   }

        document.getElementById("wait").appendChild(allTables.join("\n\n"));

问题是最后一行中的 join() 抛出错误。我对使用整个 DOM 事物很陌生，就像我上面所做的那样，所以不知道该使用什么。我以前使用纯 html，然后 join() 就可以了。

谢谢!

Answer 1

您遇到了一些问题:

1. return_formatted_results 实际上不会返回任何内容(具有讽刺意味的是，它在名称中明确说明了)
2. join 确实仅适用于字符串。

在使 return_formatted_results 返回 div 后，尝试对 get_urls_and_display 执行此操作:

function get_urls_and_display() {
    var wait=document.getElementById("wait");
    for(var i=0; i<url.length; i++) {
        var div=return_formatted_results(i, url[i], the_title[i], the_comm[i]);
        wait.appendChild(div);
    }
}

此外，您似乎有三个不同的数组，都包含相关数据。更合适的数据结构是对象列表。您可以这样定义:

var data=[
    {
        url: "http://www.example.com/a",
        title: "Link A",
        comment: "This is the first link."
    },
    {
        url: "http://www.example.com/b",
        title: "Link B",
        comment: "This is the second link."
    }
    // ...
];

这是 get_urls_and_display 的样子:

function get_urls_and_display() {
    var wait=document.getElementById("wait");
    for(var i=0; i<data.length; i++) {
        var datum=data[i];
        var div=return_formatted_results(i, datum.url, datum.title, datum.comment);
        wait.appendChild(div);
    }
}