js实现简单新增行删除行操作

  <script>
    window.onload = function () {
      var button1 = document.querySelector(".box>.top>input");
      var bottom = document.querySelector(".box>.bottom")
      var buttonDelete = document.querySelectorAll(".box>.bottom>.line>input");
      var i = 0;
      button1.onclick = function () {
        i++;
        bottom.innerHTML += "<div class='line'><span>contentcontent&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&