JS为table动态增加行

a 夏天 提交于 2020-02-09 05:50:19

<script language="javascript" type="text/javascript">
    function insRow() {
        var x = document.getElementById('abcd').insertRow(1)
        var a = x.insertCell(0)
        var b = x.insertCell(1)
           }

<table border="1" runat="server" id="abcd">
    <tr >
    <td>
    <input type="button" onclick="insRow()" value="插入行"> 
    </td>
 
    <td colSpan=2>8</td>
          <td colSpan=2>9</td>
          <td colSpan=2>10</td>
          <td colSpan=2>11</td>
          <td colSpan=2>12</td>
          <td colSpan=2>13</td>
          <td colSpan=2>14</td>
          <td colSpan=2>15</td>
          <td colSpan=2>16</td>
          <td colSpan=2>17</td>
          <td colSpan=2>18</td>
          <td colSpan=2>19</td>
          <td colSpan=2>20</td>
    </tr>
    <tr>
      <td></td>
          <TD>&nbsp;</td>
          <TD>&nbsp;</td>
          <TD>&nbsp;</td>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
           <TD>&nbsp;</TD>
   </tr>
  
    </table>  

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!