用JS在datalist里面的table加一个tr。。急。大家帮忙啊！！

Question

function addRow(btn){      
          var td  = btn.parentNode; 
          td.firstChild.style.visibility='hidden'; 
            var textArea =document.createElement(' <textarea id="TextArea1" cols="20" name="S1" style="width:100%;height:80px;" rows="2"> </textarea>'); 
            var btnOk=document.createElement(' <input id="btnOk" type="button" value="确 定" />'); 
            var btnCan=document.createElement(' <input id="btnCan" type="button" value="取 消" />'); 
            td.innerText="请输入您的回复：" 
            td.appendChild(textArea); 
            td.appendChild(btnOk); 
            td.appendChild(btnCan);             var tbl  = btn.parentNode.parentNode;  用下面这三行代码试了下不行
            var tr=document.createElement("TR"); 
            tbl.appendChild(tr);            
            } 下面这个table是在datalist里面的。就是要点他后添加一个tr
<table width="590px"> 
                        <tr> 
                            <td > 
                                <input ID="Btn_rest" type="button" value="回复"  onclick="addRow(this)" /> </td> 
                        </tr> 
                    </table>大侠们帮忙啊

Answer 1

function addRow(btn){      
          var td  = btn.parentNode; 
            td.firstChild.style.visibility='hidden'; 
            var textArea =document.createElement('<textarea id="TextArea1" cols="20" name="S1" style="width:100%;height:80px;" rows="2"> </textarea>'); 
            var btnOk=document.createElement('<input id="btnOk" type="button" value="确 定" />'); 
            var btnCan=document.createElement('<input id="btnCan" type="button" value="取 消" />'); 
            td.innerText="请输入您的回复：" 
            td.appendChild(textArea); 
            td.appendChild(btnOk); 
            td.appendChild(btnCan);             var tbl  = td.parentNode.parentNode;  //用下面这三行代码试了下不行 
            var tr=document.createElement("TR"); 
            tbl.appendChild(tr);            
            } 

Answer 2

除了要加TR，还应该加TD吧。TD里面还要有东西，不然不显示的。
 var tbl  = td.parentNode.parentNode;  //用下面这三行代码试了下不行 
            var tr=document.createElement("TR"); 
            tbl.appendChild("<TR>111</TR>");  
var td =document.createElement("<TD>111</TD> ");   
tr.appendChild(td );         

Answer 3

//<tr id="trmodel">.........</tr>
var ntr=trmodel.clone(5);//5层次,看你的结构
tr.parantNode.addChild(ntr);
试试看