那个帮我看一下我的JavaScript的问题（在线等答案）？我正了好几天就是没有结果！！！！！！

<html> 
<head> <title> </title> 
</head> 
<script type="text/javascript"> 
var k=3; function insRow() 
{ 
var tr=document.getElementById('tr'); 
var td = document.createElement('td');
td.innerHTML = '<input type=text value=""/>';
tr.appendChild(td);
} 
</script> 
<body> 
<form> 
<table> 
<tr> 
<td>email1 </td> 
<td> <input type="text" name="email1" /> </td> 
<td>email2 </td> 
<td> <input type="text" name="eamil2"/> </td> 
</tr> 
<tr id="tr"> </tr> 
<td> <input type="button" value='+' onclick="insRow();"/> </td> 
</table> 
</form> 
<input type=text value=""/>
</body> 
</html>

解决方案 »

  1.   


    你的方法好像会破坏了table的格式，有什么方法使得他不会破坏？你的能用是能用
      

  2.   

    tr不支持innerHTML使用createElement或者insertCell吧
      

  3.   

    <script type="text/javascript"> 
    var k=3; 
    function insRow() 
    { 
    var SpecTb = document.getElementById("Table"); 
    var newTr = SpecTb.insertRow(SpecTb.rows.length);var newTd0=newTr.insertCell(0);
    var newTd1=newTr.insertCell(1);
    var newTd2=newTr.insertCell(2);
    var newTd3=newTr.insertCell(3)
    newTd0.innerHTML=" <td>email"+k+"</td>"; 
    newTd1.innerHTML=" <td><input name=email"+(k+1)+" type=text > </td>"; 
    newTd2.innerHTML=" <td>email"+(k+1)+" </td>"; 
    newTd3.innerHTML=" <td> <input name=email"+(k+2)+" type=text > </td>"; 
    k+=2;
    } 
    function insRow2() 
    { 
    insRow(); 
    } 
    </script> 
    <body> 
    <form> 
    <table id="Table"> 
    <tr> 
    <td>email1 </td> 
    <td> <input type="text" name="email1" /> </td> 
    <td>email2 </td> 
    <td> <input type="text" name="eamil2"/> </td> 
    </tr> 
    <tr id="tr"> </tr> 
    <td><input type="button" value='+' onclick="javascript:insRow2();"/></td> 
    </table> 
    </form> 
    </body> 
    </html>
      

  4.   

    Web 开发常用手册JScript语言参考.rar
    http://download.csdn.net/source/308916DHTML参考手册.rar
    http://download.csdn.net/source/308913样式表中文手册.chm
    http://download.csdn.net/source/304124L@_@K
    <html> 
    <head> <title> </title> 
    </head> 
    <script type="text/javascript"> 
    var k=3; function insRow() 
    { 
    var tr=document.getElementById('tr'); 
    tr.insertCell().innerHTML="email"+(k+1); 
    tr.insertCell().innerHTML="<input name=email"+(k+1)+" type=text >"; 
    tr.insertCell().innerHTML=" <td>email"+(k+2)+" </td>"; 
    tr.insertCell().innerHTML=" <td> <input name=email"+(k+2)+" type=text > </td>"; 
    k+=2; 
    //i++; 
    tr.bgColor="#ffffff" ; 
    } function insRow2() 
    { 
    insRow(); 
    } 
    </script> 
    <body> 
    <form> 
    <table> 
    <tr> 
    <td>email1 </td> 
    <td> <input type="text" name="email1" /> </td> 
    <td>email2 </td> 
    <td> <input type="text" name="eamil2"/> </td> 
    </tr> 
    <tr id="tr"></tr>
    </table>
    <input type="button" value='+' onclick="javascript:insRow2();"/>
    </form> 
    </body> 
    </html>
      

  5.   

    <html> 
    <head> <title> </title> 
    </head> 
    <script type="text/javascript"> 
    var k=2; function insRow() 
    { 
    var tr=document.getElementById('tr'); 
    tr.innerHTML+=" <td>email"+(k+1)+" </td><td> <input name=email"+(k+1)+" type=text > </td><td>email"+(k+2)+" </td><td> <input name=email"+(k+2)+" type=text > </td>"; 
    k+=2; 
    //i++; 
    tr.bgColor="#ffffff" ; 
    } function insRow2() 
    { 
    insRow(); 
    } 
    </script> 
    <body> 
    <form> 
    <table> 
    <tr> 
    <td>email1 </td> 
    <td> <input type="text" name="email1" /> </td> 
    <td>email2 </td> 
    <td> <input type="text" name="eamil2"/> </td> 
    </tr> 
    <tr id="tr"> </tr> 
    <td> <input type="button" value='+' onclick="javascript:insRow2();"/> </td> 
    </table> 
    </form> 
    </body> 
    </html>
      

  6.   

    莫非是添加多行？
    L@_@K
    <html> 
    <head> <title> </title> 
    </head> 
    <script type="text/javascript"> 
    var k=3; function insRow() 
    { 
    var tab=document.getElementById('tab');
    var tr = tab.insertRow();
    tr.insertCell().innerHTML="email"+(k+1); 
    tr.insertCell().innerHTML="<input name=email"+(k+1)+" type=text >"; 
    tr.insertCell().innerHTML=" <td>email"+(k+2)+" </td>"; 
    tr.insertCell().innerHTML=" <td> <input name=email"+(k+2)+" type=text > </td>"; 
    k+=2; 
    //i++; 
    tr.bgColor="#ffffff" ; 
    } function insRow2() 
    { 
    insRow(); 
    } 
    </script> 
    <body> 
    <form> 
    <table id="tab"> 
    <tr> 
    <td>email1 </td> 
    <td> <input type="text" name="email1" /> </td> 
    <td>email2 </td> 
    <td> <input type="text" name="eamil2"/> </td> 
    </tr>
    </table>
    <input type="button" value='+' onclick="javascript:insRow2();"/>
    </form> 
    </body> 
    </html>
      

  7.   


    <html> 
    <head> <title> </title> 
    </head> 
    <script type="text/javascript"> 
    var k=2; function createTd(obj,k,input){
    var newTd=document.createElement('td');
    if (input)
    newTd.innerHTML=" <input name=email"+k+" type=text >";
    else
    newTd.innerHTML=" email"+k;
    obj.appendChild(newTd)
    }
    function insRow(tr) { 
    //    tr=document.getElementById('addtr');
        
    createTd(tr,k+1)
    createTd(tr,k+1,"input")

    createTd(tr,k+2)
    createTd(tr,k+2,"input")
     
    k+=2;  tr.style.backgroundColor="#fdd"
    } function insRow2() { 
    var tb = document.getElementById("tagTb")
        var trs=tb.getElementsByTagName("tr")
        tr=trs[trs.length-1];
        
        var newTR=document.createElement('tr');
        tb.insertBefore(newTR, tr)insRow(newTR); 
    } 
    </script> 
    <body> 
    <form> 
    <table>
    <tbody id="tagTb">
    <tr> 
    <td>email1 </td> 
    <td> <input type="text" name="email1" /> </td> 
    <td>email2 </td> 
    <td> <input type="text" name="eamil2"/> </td> 
    </tr> 
    <tr>  
    <td> <input type="button" value='+' onclick="javascript:insRow2();"/> </td> 
    </tr>
    </tbody> 
    </table> 
    </form> 
    </body> 
    </html>
      

  8.   

    怎么老是在table的最后一行添加呢，并没有在我要求的《tr id="tr">添加