Js动态新增、删除table行

Js动态新增、删除table行

开发工具与关键技术：VS   MVC
撰写时间：2019/7/16

在一个自定义的表格中，需要动态新增行、动态删除行，都可以通过js控制来实现这一功能。
对于这个功能的实现，下面我分享我所用的动态新增行、删除行的方法：
首先，先来了解一下html的页面布局：

<table class="text-center" id="tabPurchaseReturnDetail" style="font-size:13px;" border="1" cellspacing="0">
    <tbody>
           <tr id="col1" style="background:#d8d3d3;">
               <th>序号</th>
               <th>配件编码</th>
               <th>配件名称</th>
               <th>规格</th>
               <th>车型</th>
               <th>单位</th>
             </tr>
             <tr>
                 <td>1</td>
                 <td><input type="text" class="text-center  IPj" id="AccessoryNumber" name="AccessoryNumber" readonly ondblclick="InsertPeiji();" /></td>
                 <td><input type="text" class="text-center  IPj" id="AccessoryName" name="AccessoryName" readonly /></td>