如何防止刷新（F5）时创建的元素消失

Question

我想防止刷新时创建的元素消失（F5）

var newdiv= document.createElement("DIV");

document.getElementById('ForPendingReservation').prepend(newdiv);
var att = document.createAttribute("id");
att.value = "pendingbox";
newdiv.setAttributeNode(att);

created Elements

when refreshing the page

Answer 1

您可以使用localStorage设置项目并在刷新后获取项目

保存项目

var listItems = ['item 1', 'item 2', 'item 3', 'item 4'];
window.localStorage.setItem('listItems', JSON.stringify(listItems));

并加载页面

var listItems = JSON.parse(window.localStorage.getItem('listItems'));
if(listItems) {
    for(var i in listItems) {
        // addItem(listItems[i]);
    }
}