Question

我有几个 div，它是一个类似于仪表板的网站，所以我需要每天更新它。我可以手动编辑 HTML 等等，但你知道的……效率低下。

每个 div 中都有一个 ul 元素，每天我都需要添加几个 li 元素。

我尝试了一个附加 li 元素的 JavaScript 函数，我也会将它添加到代码片段中。但是，这仍然是暂时的，因为如果我删除 js 文件中的那行代码，添加的 li 元素也会消失。因此，我正在寻找一种将 li 元素永久附加到无序列表的方法，并且在它们变老时也有一种删除它们的方法会很好。

function append(ul, data) {
  try {
    ul.appendChild(document.createElement("li")).innerHTML = data;
  } catch (e) {
    console.error(e);
    console.log("error boi");
  }

}


append(document.getElementById("ul-1"), "door")

div {
  background-color: cyan;
  height: 300px;
  width: 500px;
}

<div id="1">
  div 1
  <br />
  <ul id="ul-1">
    <li>reeeeeeeee</li>
    <li>ramen ramen ramen ramen</li>
    <li>..........................</li>
    <!-- have to append few li items every day-->
  </ul>

</div>
<br>
<div id="2">
  div 2
  <br />
  <ul id="ul-2">
    <li>ok</li>
    <li>ravioli ravioli ravioli ravioli</li>
    <li>..........................</li>
  </ul>

</div>

Answer 1

我猜您可以使用 JSON 文件来存储和检索数据，或者您可以使用 PHP 来获取和检索数据，但是您将需要一个数据库，如果我没记错的话，使用 JSON 会更有效.（如果我错了请纠正我）
检查下面的链接https://www.w3schools.com/whatis/whatis_json.asp#:~:text=JSON%20stands%20for%20JavaScript%20Object,describing%22%20and%20easy%20to%20understand 希望这个回答对你有帮助。

使用 JavaScript 永久地将项目附加到 ul 元素

1 个答案: