将数据存储在表中

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

假设您已将存储的名字和姓氏存储为＆＃34; fname＆＃34;和＆＃34; lname＆＃34;在你的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");