javascript如何增减iframe中的table行

可以参考这里：
http://www.w3schools.com/htmldom/dom_obj_table.asp示例可以参考这里：
http://www.w3schools.com/js/tryit.asp?filename=try_dom_table_deleterow
http://www.w3schools.com/js/tryit.asp?filename=try_dom_table_insertrow

解决方案 »

  1.   

    谢谢楼上，但我希望学到的是，如何在父窗体中控制iframe中表格行的增减
      

  2.   

    IE 6 下测试可用，L@_@K// table page
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
     <head>
      <title>table page</title>
     </head> <body>
      <table id="tabTarget" border="1">
      <thead>
        <th>col01</th><th>col02</th>
      </thead>
      <tbody>
          <tr>
            <td>1</td><td>2</td>
          </tr>
          <tr>
            <td>34</td><td>56</td>
          </tr>
          <tr>
            <td>789</td><td>012</td>
          </tr>
      </tbody>
      </table>
     </body>
    </html>// iframe page
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
     <head>
      <title>iframe page</title>
     </head> <body>
        <iframe id="ifrtalbe" frameborder="1" scrolling="yes" src="tablepage.html"></iframe>
        <input type="button" id="btnAdd" value="Add row to end">
        <input type="button" id="btnRemove" value="Remove row from end">
     </body>
     <script language="JavaScript">
     <!--
    var oAdd = document.getElementById("btnAdd");
    var oRemove = document.getElementById("btnRemove");function getTBody()
    {
        var oIframeDoc = document.frames("ifrTalbe").document;
        var oTable = oIframeDoc.getElementById("tabTarget");    return oTable.getElementsByTagName("tbody")[0];
    }oAdd.onclick = function() {
        var oTBody = getTBody();
        if (oTBody)
        {
            var newRow = oTBody.lastChild.cloneNode(true)
            for (var i=0; i<newRow.childNodes.length; i++)
            {
                newRow.childNodes(i).innerHTML = "&nbsp;";
            }
            oTBody.appendChild(newRow);
        }
    };oRemove.onclick = function() {
        var oTBody = getTBody();
        if (oTBody.rows.length > 1)
        {
            oTBody.deleteRow();
        }
        else
        {
            alert("Stop! Are you crazy?");
        }
    }; //-->
     </script>
    </html>
      

  3.   

    首先给 iframe 起个名字如：
    <iframe name="myFrame" src="default.asp"></iframe>
    然后在脚本里面可以这样写：
    var subFrame = window.frames["myFrame"];
    接下来要获取 iframe 中的表格就只要这样写就行啦：
    var subTables = subFrame.document.getElementsByTagName("table");反正一句话，跟普通写脚本没什么区别，只是在 document 之前要加上一个 frame 对象而已。