js提示参数无效

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table id="table1" style="width: 100%" border="1">
            <tr>
                <td style="width: 100px; height: 21px;">
                    a</td>
                <td style="width: 100px; height: 21px;">
                    b</td>
                <td style="width: 100px; height: 21px;">
                    c</td>
                <td style="width: 100px; height: 21px;">
                    d</td>
            </tr>
        </table>
        
        <br />
        
        <script type="text/javascript">
var i=0;
var rowIndex=12;
function AddRow()
{
oTR1 =this.table1.insertRow(rowIndex);oTD1 = oTR1.insertCell(0);
oTD2 = oTR1.insertCell(0);
oTD3 = oTR1.insertCell(0);
oTD4 = oTR1.insertCell(0);oTD1.innerHTML = " <input type=text name=name" + i + ">";
oTD2.innerHTML = " <input type=text name=num" + i + ">";
oTD3.innerText = " <input type=text name=post" + i + ">";
oTD4.innerText = " <input type=text name=type" + i + ">";
i++;
rowIndex++;
}function deleteRow()
{
  rowIndex--;
  i--;
  table1.deleteRow(rowIndex);
}
</script>
        
           
        <input id="Button2" type="button" value="button"  onclick="AddRow()"/><br />    </div>
    </form>
</body>
</html>帮忙看看 修改一下 谢谢

解决方案 »

  1.   


    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
        <title>无标题页 </title> 
    </head> 
    <body> 
        <form id="form1"> 
        <div> 
            <table id="table1" style="width: 100%" border="1"> 
                <tr> 
                    <td style="width: 100px; height: 21px;"> 
                        a </td> 
                    <td style="width: 100px; height: 21px;"> 
                        b </td> 
                    <td style="width: 100px; height: 21px;"> 
                        c </td> 
                    <td style="width: 100px; height: 21px;"> 
                        d </td> 
                </tr> 
            </table> 
            
            <br /> 
            
    <script type="text/javascript"> 
    var i=0; 
    var rowIndex=document.getElementById("table1").length; 
    function AddRow() 
    { 
    var tb =document.getElementById("table1");
    oTR1 = tb.insertRow(rowIndex-1);oTD1 = oTR1.insertCell(0); 
    oTD2 = oTR1.insertCell(0); 
    oTD3 = oTR1.insertCell(0); 
    oTD4 = oTR1.insertCell(0); oTD1.innerHTML = " <input type='text' name='name" + i + "'>"; 
    oTD2.innerHTML = " <input type='text' name='num" + i + "'>"; 
    oTD3.innerHTML = " <input type='text' name='post" + i + "'>"; 
    oTD4.innerHTML = " <input type='text' name='type" + i + "'>"; 
    i++; 
    rowIndex++; 
    } function deleteRow() 
    { 
      rowIndex--; 
      i--; 
      table1.deleteRow(rowIndex); 
    } 
    </script> 
            
              
            <input id="Button2" type="button" value="button"  onclick="AddRow()"/> <br /> 
        </div> 
        </form> 
    </body> 
    </html> 
      

  2.   

    错误很简单，因为你的table只有1行
    而你inserRow的index设置为12，超过范围了。
    rowIndex是你需要插入行的索引，必须小于或等于table1.rows.length（table的行数）