【问题标题】:how to convert scraped data to table如何将抓取的数据转换为表格
【发布时间】:2019-10-27 21:54:10
【问题描述】:

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

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

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

所以这是第一张图片上的结果,我需要的结果在第二张图片上,所以创建一个表格,添加一行,然后将第 2 行的标题替换为第 2 行的标题第 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;
}

});

【问题讨论】:

  • 你想要什么?创建一个表或?
  • 是的,我想用正在接收的数据创建一个表

标签: javascript magic-mirror


【解决方案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;
}

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

【讨论】:

  • 您好,我已经尝试过您的解决方案,但没有成功,我会用截图解释更多
  • 所以这是第一张图片上的结果,我需要的结果在第二张图片上,所以创建一个表格,添加一行,然后替换行上的标题2 标题在第 1 行或只是在顶部添加第 1 行,请注意我第 1 行的信息没有得到它需要由我添加,再次感谢您的帮助 Pic 1 ibb.co/9ZGkYWj Pic 2 ibb.co/Zhr5j6r
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-05-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多