将数据附加到 HTML 文件中答案

【问题标题】：Append data into HTML file将数据附加到 HTML 文件中
【发布时间】：2019-12-10 16:06:34
【问题描述】：

我希望将从我的内部 npm api 显示的数据附加到一个 html 文件中。将数据附加到 html 文件中的最佳方法是什么？

包含足球数据 npm 包

var data = require("footballdata-api-v2");
var FootballData = data.default;   
var footballData = new FootballData("API-Key");

从 api 包中获取团队信息数据

footballData.getTeamsFromCompetition({
    competitionId: 2021  
})
    .then(function(data) {
        // Logs information from api in console
        console.log(JSON.stringify(data.teams, null, 4));
        var { teams: [{ table: tableData }] } = data;
        document.getElementById("output").innerHTML += rowDataHTML;
    });

【问题讨论】：

标签： javascript html json api

【解决方案1】：

假设 rowDataHtml 是您想要附加到 #output 元素的内容，我假设它是一个表格，您可以尝试这样的操作：

const {teams} = data;
count output = document.getElementById("output");

teams.forEach(({table: tableData}) => {
    const rowDataHtml = `
        <tr>
            <td>${tableData.name}</td>
            <td>${tableData.league}</td>
            <td>${tableData.country}</td>
            <td>${tableData.score}</td>
        </tr>
    `;

    output.innerHTML += rowDataHTML;
});

【讨论】：