控制表格，在表格中插入行的效果

<script language=javascript>
function addRow(rownum) {   
    var oTR;
    var oTD;
    oTR=catTable.insertRow(rownum);
    oTD=oTR.insertCell();
    oTD.colSpan="2";
    oTD.innerHTML="<input type=text>";
                       
}
</script>
<table border=1 width="100%" id="catTable">
    <tr>
          <td>abc</td>
          <td>
             <a href="#" οnclick="addRow(1)">新增子类</a>
         </td>
        </tr> 
        <tr>
          <td>def</td>
          <td>
               <a href="#" οnclick="addRow(2)">新增子类</a>
          </td>
       </tr>
</table>

abc 新增子类 def 新增子类

gt新增子类</a> </td> </tr> </table>