Javascript -如何保存在refresh>之后添加到<ul>中的<li>元素？

// 保存<li>元素
function saveListItem() {
  var listItem = document.createElement("li");
  listItem.textContent = "新的列表项";
  var ul = document.getElementById("myList");
  ul.appendChild(listItem);

  // 将<li>元素保存到localStorage
  var listItems = localStorage.getItem("listItems");
  if (listItems) {
    listItems = JSON.parse(listItems);
    listItems.push("新的列表项");
  } else {
    listItems = ["新的列表项"];
  }
  localStorage.setItem("listItems", JSON.stringify(listItems));
}

// 获取保存的<li>元素
function getSavedListItems() {
  var listItems = localStorage.getItem("listItems");
  if (listItems) {
    listItems = JSON.parse(listItems);
    var ul = document.getElementById("myList");
    for (var i = 0; i < listItems.length; i++) {
      var listItem = document.createElement("li");
      listItem.textContent = listItems[i];
      ul.appendChild(listItem);
    }
  }
}