这是在table中指定一行下面加一行的操作,ie下能用!
function aaa(){
var newTr = document.createElement("tr");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
td2.innerHTML="<input type=text value=000>";
newTr.appendChild(td1);
newTr.appendChild(td2);
alert(newTr);
alert(document.getElementById("zxd"));
document.getElementById("zxd").insertBefore(newTr);
}
////
<table id="testTab">
<tr id="zxd">
<td>
<textarea rows="10" cols="60" name="areaName"></textarea>
</td>
<th>
<input type="button" value="提交" onclick="aaa();">
</th>
</tr>
</table>

解决方案 »

  1.   

    注意红色部分function aaa(){ 
    var newTr = document.createElement("tr"); 
    var td1 = document.createElement("td"); 
    var td2 = document.createElement("td"); 
    td2.innerHTML=" <input type=text value=000>"; 
    newTr.appendChild(td1); 
    newTr.appendChild(td2); 
    alert(newTr); 
    alert(document.getElementById("zxd")); document.getElementById("zxd").insertBefore(newTr,null); 

    //// 
    <table id="testTab"> 
    <tr id="zxd"> 
    <td> 
    <textarea rows="10" cols="60" name="areaName"> </textarea> 
    </td> 
    <th> 
    <input type="button" value="提交" onclick="aaa();"> 
    </th> 
    </tr> 
    </table>
      

  2.   

    我加了NULL可是没有在下面插一行,而是在通一行插入了文本框
      

  3.   

    function aaa(){ 
    var newTr = document.createElement("tr"); 
    var td1 = document.createElement("td"); 
    var td2 = document.createElement("td"); 
    td2.innerHTML=" <input type=text value=000>"; 
    newTr.appendChild(td1); 
    newTr.appendChild(td2); 
    //alert(newTr); 
    var ele = document.getElementById("zxd");
    ele.parentNode.insertBefore(newTr,ele.nextSibling); 

    </script>