html中的动态表行

时间:2017-08-22 16:26:42

标签: html html5 frontend web-frontend

我有一个单行的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>
&#13;
&#13;
&#13;

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

&#13;
&#13;
foreach ( row ){ <tr>
            <td>{{timestamp}}</td>
            <td>{{longitude}}</td>
            <td>{{latitude}}</td>
        </tr>}
&#13;
&#13;
&#13;

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

1 个答案:

答案 0 :(得分:0)

HTML是一种标记语言。这意味着所有它都会提供信息并使事物看起来很漂亮(除其他外)。

如果您正在使用JavaScript,可以使用JavaScript,或PHP,甚至MVC Core。

JavaScript .innerHtml将大力帮助您。例如,您可以使用......

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

从那里,您可以使用循环来循环浏览数据并添加HTML所需的任何内容! :) 我希望这有帮助!这是W3 School's article on JavaScripts innerHtml

相关问题