在html表格中動態創建行

Question

我可以爲元素分配一個ID，然後讓java腳本添加同一行。我看到一些我們添加的腳本，他們分別添加行和單元格，然後單獨添加。而不是我這樣的東西

 <tr id="hourRecord1"> 
      <td><SELECT NAME="day"> 
        <OPTION selected="selected">Sunday</option> 
        <OPTION>Monday</option> 
        <OPTION>Tuesday</option> 
        <OPTION>Wednesday</option> 
        <OPTION>Thursday</option> 
        <OPTION>Friday</option> 
        <OPTION>Saturday</option> 
      </SELECT></td> 
      <td><input type="text" name="openTime" size="10" value=""></td> 
      <td><input type="text" name="closeTime" size="10" value=""></td> 
     </tr> 

我想用ID來添加一個類似的行。我可以那樣做嗎？

Answer 1

嗯，你可以做這樣的事情：

var oldrow = document.getElementById('hourRecord1'), 
    newrow = oldrow.cloneNode(true); 
newrow.id = ""; // can't have two elements with same ID, so delete the ID from newrow 
oldrow.parentNode.insertBefore(newrow,oldrow.nextSibling);