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 >