javascript - 将数据存储在表中

Question

我正在尝试为我的网站创建一个用户表，用户在注册和登录后可以在表中看到他们的名字和姓氏。用户详细信息存储在 HTML5 本地存储中。有没有更好的方法来使用更多用户更新表，而不是创建更多 .

这是我的表格:

<table id="rankTable">
    <tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Top Score</th>
    </tr>
    <tr>
        <td id="_firstName"></td>
        <td id="_lastName"></td>
        <td></td>
    </tr>
</table>

这是完整的工作片段:https://jsfiddle.net/MuddasarAshfaq/r62zmjw4/9/

Answer 1

假设您已将存储的名字和姓氏作为“fname”和“lname”存储在本地存储中

var table = document.getElementById("rankTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = localStorage.getItem("fname");
cell2.innerHTML = localStorage.getItem("lname");