javascript之table增加行

众所周知,javascript中的table增加行一般均使用insertRow(n)来进行,但有时间我们为了复制行,这时使用insertRow实现起来就有点操作麻烦了,因此一般我们都应该使用appendChild或insertBefore进行操作,相应的伪代码如下:

      <table>

         <tbody id="tbody1">

            <tr id="row1"><td>test text</td></tr>

       </tbody>

    </table>

    <script>

       var  tabObj = document.getElementById("tbody1"); --注意该id是table中tbody对象,不是table对象的id

      var rowObj = document.getElementById("row1");

     var newRow = rowObj.cloneNode(true); --克隆一行

      tabObj.appendChild(newRow); --在table尾部增加一行;

      tabObj.insertBefore(newRow,rowObj);  --在当前行之前增加一行

     tabObj.insertBefore(newRow,rowObj.nextSibling);  --在当前行之后增加一行

  </script>