動的に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);