gpt4 book ai didi

javascript - 如何在单击按钮时将
  • 附加到
    • 转载 作者:行者123 更新时间:2023-11-29 23:49:01 24 4
      gpt4 key购买 nike

      如何附加<li><ul>单击按钮。

      我试过下面的脚本,但想在 <li> 的末尾附加一个数字.比如第 0 项、第 1 项、第 2 项等。

      var list = document.getElementById("list");
      var add = document.getElementById('addElem');
      add.addEventListener('click', function() {
      var itemsByTagName = document.getElementsByTagName("li");
      list.innerHTML += '<li>item</li>'
      });
      <ul id="list">
      <li>item
      </li>
      </ul>
      <button id="addElem">Add</button>

      最佳答案

      这是一个入门示例。

      注意:对于生产用途,您可能需要通过服务器/ session /本地存储变量处理变量i

      var i = 1;
      var list = document.getElementById("list");
      var add = document.getElementById('addElem');
      add.addEventListener('click', function() {
      var itemsByTagName = document.getElementsByTagName("li");
      list.innerHTML += '<li>item ' + i++ + '</li>'
      });
      <ul id="list">
      <li>item
      </li>
      </ul>
      <button id="addElem">Add</button>

      关于javascript - 如何在单击按钮时将 <li> 附加到 <ul>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43252275/

      24 4 0
      Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
      广告合作:1813099741@qq.com 6ren.com