html中的动态表格行答案

【问题标题】：dynamic table rows in htmlhtml中的动态表格行
【发布时间】：2017-08-22 16:26:41
【问题描述】：

我有一个单行的 HTML 表格

<table style="width:100%">
    <tr>
        <th>timestamp</th>
        <th>Longitude</th>
        <th>Latitude</th>
    </tr>

    <tr>
        <td>{{timestamp}}</td>
        <td>{{longitude}}</td>
        <td>{{latitude}}</td>
    </tr>
</table>

现在我从数据库中检索了多行以添加到表中，我想插入一些 HTML 代码，例如

foreach ( row ){ <tr>
            <td>{{timestamp}}</td>
            <td>{{longitude}}</td>
            <td>{{latitude}}</td>
        </tr>}

是否可以只使用 HTML？我需要 Jquery 还是 javascript？我如何编写代码来完成它？ PS：我可以检索一些行。我有一个 Node.js 后端

【问题讨论】：

你需要更多的学习。在这种情况下，你不能只使用html。

标签： html frontend web-frontend

【解决方案1】：

HTML 是一种标记语言。这意味着它所做的一切都是呈现信息并使事物看起来很漂亮（除其他外）。

如果您对此感兴趣，可以使用 JavaScript，或者 PHP，甚至 MVC Core。

JavaScript 的.innerHtml 将极大地帮助您。例如，您可以使用类似...

document.getElementById("yourDivId").innerHTML = "<td>" + variable + "</td>";

从那里，您可以使用循环来循环浏览您的数据并将您需要的任何内容添加到 HTML！：）我希望这有帮助！这里是W3 School's article on JavaScripts innerHtml！

【讨论】：