将数据存储在表中

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>

这里是完整的工作 sn-p：https://jsfiddle.net/MuddasarAshfaq/r62zmjw4/9/

Answer 1

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

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");