Javascript 将其添加到页面末尾

我想在表中的行数等于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>

画廊

@foreach（var g in@ViewBag.gallery）
{
}
var rowCount=$（'#myTable tr'）。长度；
如果（行计数==5）
{
var元素=document.createElement（“输入”）；
setAttribute（“类型”、“文件”）；
setAttribute（“类”、“按钮”）；
setAttribute（“名称”、“按钮3”）；
文件ab.附件（要素）；
}

但是孩子们在页面开始添加，为什么？

只需执行以下操作：

</tr>
     }
     </table>
     @if(ViewBag.gallery.Count == 5){
         <input ......./>
      }

}
@如果（ViewBag.gallery.Count==5）{
}

只需执行以下操作：

</tr>
     }
     </table>
     @if(ViewBag.gallery.Count == 5){
         <input ......./>
      }

}
@如果（ViewBag.gallery.Count==5）{
}

只需执行以下操作：

</tr>
     }
     </table>
     @if(ViewBag.gallery.Count == 5){
         <input ......./>
      }

}
@如果（ViewBag.gallery.Count==5）{
}

只需执行以下操作：

</tr>
     }
     </table>
     @if(ViewBag.gallery.Count == 5){
         <input ......./>
      }

}
@如果（ViewBag.gallery.Count==5）{
}

请尝试以下操作，而不是将其附加到表单中：

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

---

请尝试以下操作，而不是将其附加到表单：

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

---

请尝试以下操作，而不是将其附加到表单：

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

---

请尝试以下操作，而不是将其附加到表单：

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

---

假设您有jquery，请尝试以下操作：

替换：

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);      
       }

与：

$（“#myTable tr”）.eq（4）.after（$（''，{”type:“file”，“name:“button3”）.addClass（“button”）；

假设您有jquery，请尝试以下操作：

替换：

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);      
       }

与：

$（“#myTable tr”）.eq（4）.after（$（''，{”type:“file”，“name:“button3”）.addClass（“button”）；

假设您有jquery，请尝试以下操作：

替换：

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);      
       }

与：

$（“#myTable tr”）.eq（4）.after（$（''，{”type:“file”，“name:“button3”）.addClass（“button”）；

假设您有jquery，请尝试以下操作：

替换：

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);      
       }

与：

$（“#myTable tr”）.eq（4）.after（$（''，{”type:“file”，“name:“button3”）.addClass（“button”）；

您可以像

HTML

1.
2.
3.
4.
5.
6.

Javascript

$(document).ready(function(){
    $("<input type='file'/>").insertAfter($('table#myTable tr:nth-child(5)'))
});

$（文档）.ready（函数（）{
$（“”）之后插入（$（'table#myTable tr:nth child（5）'））
});

工作小提琴

你可以像这样使用它

HTML

1.
2.
3.
4.
5.
6.

Javascript

$(document).ready(function(){
    $("<input type='file'/>").insertAfter($('table#myTable tr:nth-child(5)'))
});

$（文档）.ready（函数（）{
$（“”）之后插入（$（'table#myTable tr:nth child（5）'））
});

工作小提琴

你可以像这样使用它

HTML

1.
2.
3.
4.
5.
6.

Javascript

$(document).ready(function(){
    $("<input type='file'/>").insertAfter($('table#myTable tr:nth-child(5)'))
});

$（文档）.ready（函数（）{
$（“”）之后插入（$（'table#myTable tr:nth child（5）'））
});

工作小提琴

你可以像这样使用它

HTML

1.
2.
3.
4.
5.
6.

Javascript

$(document).ready(function(){
    $("<input type='file'/>").insertAfter($('table#myTable tr:nth-child(5)'))
});

$（文档）.ready（函数（）{
$（“”）之后插入（$（'table#myTable tr:nth child（5）'））
});

---

---

工作小提琴

是否要将其添加到表单之后？或者在表的第五行之后？是在表的第五行之后…将我的代码修改为这样。var rowCount=$（'#myTable tr'）。长度；如果（rowCount==6）{仍然不工作var element=document.createElement（“输入”）；element.setAttribute（“类型”、“文件”）；element.setAttribute（“类”、“按钮”）；element.setAttribute（“名称”、“按钮3”）；alert（“上次”）；document.ab.appendChild（元素）；}是否将其添加到表单之后？或者在表的第五行之后？是在表的第五行之后…将我的代码修改为这样。var rowCount=$（'#myTable tr'）。长度；如果（rowCount==6）{仍然不工作var element=document.createElement（“输入”）；element.setAttribute（“类型”、“文件”）；element.setAttribute（“类”、“按钮”）；element.setAttribute（“名称”、“按钮3”）；alert（“上次”）；document.ab.appendChild（元素）；}是否将其添加到表单之后？或者在表的第五行之后？是在表的第五行之后…将我的代码修改为这样。var rowCount=$（'#myTable tr'）。长度；如果（rowCount==6）{仍然不工作var element=document.createElement（“输入”）；element.setAttribute（“类型”、“文件”）；element.setAttribute（“类”、“按钮”）；element.setAttribute（“名称”、“按钮3”）；alert（“上次”）；document.ab.appendChild（元素）；}是否将其添加到表单之后？或者在表的第五行之后？是在表的第五行之后…将我的代码修改为这样。var rowCount=$（'#myTable tr'）。长度；如果（rowCount==6）{仍然不工作var element=document.createElement（“输入”）；element.setAttribute（“类型”、“文件”）；element.setAttribute（“类”、“按钮”）；element.setAttribute（“名称”、“按钮3”）；alert（“上次”）；document.ab.appendChild（element）；}非常感谢。这是我正在查找问题的解决方案。但我不知道该函数，并尝试了该表行的功能。再次感谢您将其添加到正确的位置，但我认为您想要实现的是：document.getElementById（“内容”）.appendChild（元素）；非常感谢。这个解决方案我正在寻找我的问题。但我不知道该函数，并尝试了