javascript 用克隆的方法動態添加表格行

 用克隆的方法添加行比用innerHTML方法代碼簡潔了很多(:

<select onchange="add_row(parseInt(this.options[this.selectedIndex].text,10),document.getElementById('cloneTR'))">
<option selected>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<table  id="hiddentbl">
    <tr id="cloneTR" style="display:none">
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
</table>

<script type="text/javascript" language="javascript">
function  add_row(rowNum,Obj)   
...{   
      for(var i=1;i<Obj.parentNode.rows.length;i++)
      ...{
          Obj.parentNode.removeChild(Obj.parentNode.rows[i]);
          i--;
      }
      for(var i=0;i<rowNum;i++)
      ...{
          var con = Obj.cloneNode(true);   
          con.removeAttribute("style")
          Obj.parentNode.insertAdjacentElement("beforeEnd",con);   
      }
}   
</script>