javascript - 将值从 JavaScript 传递/显示到 HTML 页面

Question

我有以下 JS 代码，它使用本地存储来显示之前输入的“姓名”和“年龄”:

此 HTML 代码当前在表格中显示人员的日期、时间、姓名和年龄。我如何传递这些值以作为标签而不是在该表中显示在 HTML 表单中？

仅返回开始时间的 HTML，未显示姓名和年龄:

 <div id="history_list"></div>
    <div id="name"> </div>
    <div id="age"></div>

JS:

    function loadHistoryList() {

        for(var i = numberOfHistory; i >= 1; i--) {
            var historyData = new historyElement(db.getItem(i.toString()));

            if(historyData === null) {
                console.error('error');
                continue;
            }
            $('#history_list').append(historyData.startTime);
            $('#name').append(historyData.name);
            $('#age').append(historyData.age);
        }
    }

Answer 1

而不是

var div = '<div id="history_element"><div id="element_title">' + historyData.startDate + '&nbsp;&nbsp;&nbsp;' + historyData.startTime + '</div><table>';
var div = '<div id="name"><tr><td>name: </td><td>' + historyData.name+ '</td></tr>';
var div = '<div id="age"><tr><td>age: </td><td>' + historyData.age+ '</td></tr>';

div += '</table></div>';

$('#history_list').append(div);
$('#name').append(div);
$('#age').append(div);

这样做:

$('#history_list').append(historyData.startTime);
$('#name').append(historyData.name);
$('#age').append(historyData.age);

简而言之:您可以(并且在本例中应该)简单地将所需的值添加到容器(DIV、表单字段或其他内容)

以 var div (...) 开头的三行将覆盖前面的每一行，但这是一个旁注。
总的来说，您应该阅读更多有关 JavaScript 和/或 JQuery 的内容。