javascript - 添加到页面末尾

Question

我想在表行数等于 5 的末尾添加一个按钮。我写了这样的东西:

<div class="right-side">
  <div class="log-in" style="height:1100px">
    <div class="title clearfix">
      <p>Gallery</p>
    </div>
    <form id="ab" name="ab">
      <div style="float:left;width:190px">
        <table id ="myTable">
          @foreach(var g in @ViewBag.gallery)
          {
          <tr>
            <td style="padding-right :50px"><img src="@g.imgpath" style="width:200px;height:200px"/></td>
            <td style="padding-left :50px"><div class="side-row"><a>@g.idescr</a></div></td>
            <td style="padding-left :50px"><a class="button" href="#"><img src='../images/chg-img.png'/></a></td>
          </tr>
        }
      </table>
      <script>var rowCount = $('#myTable tr').length;
        if(rowCount==5) 
        {
          var element = document.createElement("input");
          element.setAttribute("type", "file");
          element.setAttribute("class", "button");
          element.setAttribute("name", "button3");
          document.ab.appendChild(element);      
        }
      </script>
    </div>
  </form>
</div>  
</div>

但是 child 在页面开头添加，为什么？

Answer 1

不要附加到表单，而是尝试:

$("#myTable").parent().append(element);