javascript - 如何将爬取的数据转换为表格

Question

我有一个基本问题，我正在修改 MagicMirror 的模块。所以，我有一个模块，可以从网站上抓取数据，试图从网站上获取祈祷时间。

代码基本上给了我一列数据，我需要的是表上的数据作为第 1 行上的第一个解析数据和第 2 行上的第二个解析数据，以及为该表创建样式的能力或添加图像和一些计算，例如下一个祈祷时间的剩余时间，并突出显示下一个祈祷时间。

我知道有很多问题，但我想从第一个开始:如何将这些数据转换成表格？

所以这是第一张图片上得到的结果，我需要的结果是第二张图片上的结果，因此创建一个表格，添加一行，然后将第 2 行上的标题替换为第 1 行或者只是在顶部添加第 1 行，请注意，我没有得到第 1 行的信息，需要由我添加， 再次感谢您的帮助 图1 https://ibb.co/9ZGkYWj

图2 https://ibb.co/Zhr5j6r

我的代码:

{
getDom: function() {


        var wrapper=document.createElement("table");

    if(this.content.length>0){

        for(i=0;i<this.content.length;i++) {

            var w = document.createElement("div");

            var n = this.content[i]

            w.innerHTML=n;

            wrapper.appendChild(w)


        }
    }
    else{
        wrapper.innerText=this.message
    }
    // tell MM this is our content to add to the MM dom
    return wrapper;
}

});

Answer 1

{
getDom: function() {


        var wrapper=document.createElement("table");

    if(this.content.length>0){
        var w1 = document.createElement("tr");
        var w2 = document.createElement("tr");
        var arr = [w1,w2];

        for(i=0;i<this.content.length;i++) {



            var n = this.content[i]

            let vrb = "<td>"+n+"</td>";

            arr[i % 2].append(vrb);


        }
        wrapper.appendChild(w)
    }
    else{
        wrapper.innerText=this.message
    }
    // tell MM this is our content to add to the MM dom
    return wrapper;
}

如果我理解清楚，试试这个。