table内嵌table

我table内嵌了一个table 现在想再内TABLE添加行
用： document.getElementById("table1").insertRow(i + 1) 报错。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

jQuery
假如你有5列；var table1=$("#table1");
var tr=$("<tr></tr>").appendTo(table1);
$("<td>写你想要的内容</td>").appendTo(tr);
$("<td>写你想要的内容</td>").appendTo(tr);
$("<td>写你想要的内容</td>").appendTo(tr);
$("<td>写你想要的内容</td>").appendTo(tr);
$("<td>写你想要的内容</td>").appendTo(tr);
<html>
<head>
<script type="text/javascript">
function insRow()
  {
  var x=document.getElementById('myTable').insertRow(0)
  var y=x.insertCell(0)
  var z=x.insertCell(1)
  y.innerHTML="NEW CELL1"
  z.innerHTML="NEW CELL2"
  }
</script>
</head><body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr></table>
<br />
<input type="button" onclick="insRow()" value="插入行"></body>
</html>
这是HTML
<table   border="1"   width="100%"   id="table1" runat="server" >
   <tr>
            <td>
            <table id="table1" name="table1" runat="server">
            <tr>
            <td class="style2">
                <input type="text" readonly="readonly" runat="server" id="date11" name="date11" />
            </td >
            <td class="style2">
                <select name="time0" runat="server" id="time0" >
                <option value="上午">上午</option>
                <option value="下午">下午</option>
                </select>
                </td>
            <td class="style2">
               <input type="text"  runat="server"  name="richeng1" id="richeng1" />
            </td>
            <td class="style2">
                <input type="text"  runat="server" name="partical1" id="partical1"/>
            </td>
            <td class="style2">
                <input type="text"  runat="server" name="address1" id="address1"/>
            </td>
            <td class="style2">
               <input type="text"  runat="server" name="zcr1" id="zcr1"  />
            </td>
            <td class="style2">
                 <input  id="zanshi1" type="text"  size="1%"  />
                 </td>
              </tr>
         </table>

            <input type="button" name="bt1" value="新增当天" id="bt1" runat="server"  onclick="addrows1()" />
                 </td>
        </tr>
</table>     下面是JS    function addrows1() {
             i = parseInt(document.getElementById("hidden").value) + 1;
             var y = document.getElementById("table").insertRow(i+1);
             var h1 = y.insertCell(0);
             var h2 = y.insertCell(1);
             var h3 = y.insertCell(2);
             var h4 = y.insertCell(3);
             var h5 = y.insertCell(4);
             var h6 = y.insertCell(5);
             var h7 = y.insertCell(6);
             h1.innerHTML = "<div><input type=text style='width:120px'  name=date" + i + " id=date" + i + " ondblclick='addrowsother(this.values);'></div>";
             h2.innerHTML = "<div><select style='width:51px' name=time" + i + " ><option value=上午>上午</option><option value=下午>下午</option></select></div>";
             h3.innerHTML = "<div><input style='width:286px' type=text name=richeng " + i + " id=richeng" + i + " name=richeng" + i + " ></div>";
             h4.innerHTML = "<div><input style='width:274px' name=partical " + i + " type=text id=partical" + i + "></div>";
             h5.innerHTML = "<div><input style='width:127px' name=address " + i + " type=text id=address" + i + "></div>";
             h6.innerHTML = "<div><input style='width:60px' name=zcr " + i + " type=text id=zcr" + i + " ondblclick='addrows();'></div>";
             h7.innerHTML = "<div ><input name=zanshi" + i + " id=zanshi" + i + " type=text style=display:none width=1px ></div>"报错原因我试了下  应该是不认内table  如果是对外table进行操作就没问题
应该是 document.getElementById("table1").insertRow(-1) ；