需要一个函数,在表格之间动态地增加表格???

innerHTML
我是菜鸟，看到你的问题马上想到这西西，剩下的我也不知道该怎么办了。
一起研究研究？

解决方案 »

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

FROM: http://lucky.myrice.com/ net_lover(孟子E章)怎样添加表格的行或列
IE4+ 和 NN6 利用 Dom 方法，可以为表格增加行： var row = tableElement.insertRow(index);
var cell = tableRow.insertCell(index);
NN6 也可以利用TABLE/TBODY/TR的innerHTML属性，生成表格元素。下面是为一个表格添加一行两列的例子：以 DOM 方法添加行以 HTML 方式添加行[孟宪会之精彩世界] http://lucky.myrice.com 代码如下：
--------------------------------------------------------------------------------<HTML>
<HEAD>
<STYLE>
.td { font-size:11pt;font-family:宋体 }
.js { color: white; background-color: orange;}
</STYLE>
<SCRIPT>
function addRowDOM (tableID) {
  var table = document.all ? document.all[tableID] : document.getElementById(tableID);
  if (arguments.length > 1) {
    var row = table.insertRow(table.rows.length);
    if (document.all) {
      for (var i = 1; i < arguments.length; i++) {
        var cell = row.insertCell(i - 1);
        cell.innerHTML = arguments[i];
      }
    }
    else if (document.getElementById) {
// 修正NN6出现次序混乱的bug
      for (var i = arguments.length - 1; i >= 1; i--) {
        var cell = row.insertCell(arguments.length - 1 - i);
        cell.appendChild(document.createTextNode(arguments[i]));
      }
    }
  }
}
function addRowHTML (tableID, html) {
  if (document.getElementById && !document.all) {
    var table = document.getElementById(tableID);
    var tbody = table.tBodies[table.tBodies.length - 1];
    var range = document.createRange();
    range.setStartAfter(tbody.lastChild);
    var docFrag = range.createContextualFragment(html);
    tbody.appendChild(docFrag);
  }
}
</SCRIPT>
</HEAD>
<BODY>
<BUTTON  ONCLICK="addRowDOM('table1', '[孟宪会之精彩世界]', 'http://lucky.myrice.com');">
以 DOM 方法添加行
</BUTTON>
<BUTTON  ONCLICK="addRowHTML('table1', '<TR><TD>[孟宪会之精彩世界]<\/TD><TD>http://lucky.myrice.com<\/TD><\/TR>');">
以 HTML 方式添加行
</BUTTON>
<TABLE ID="table1" BORDER="1" CLASS="js">
<TBODY>
<TR>
<TD>[孟宪会之精彩世界]</TD>
<TD>http://lucky.myrice.com</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
  ©【孟宪会之精彩世界】®由孟宪会制作 1999-2003年
是这个意思吗？
---- main.htm ----
<frameset cols="50%,50%" frameborder="0" border="0">
  <frame name="a" src="3.htm">
  <frame name="b" src="4.htm">
  <noframes>
  <body>
  <p>此网页使用了框架，但您的浏览器不支持框架。</p>
  </body>
  </noframes>
</frameset>---- 3.htm ----
<body>
<table border id="t1"><tr><td>表1</td><td>2</td><tr></table>
<table border id="t2"><tr><td>表2</td><td>2</td><tr></table><input type=button value=test onClick="test()"><script>
var n= 3;
function test() {
  s = "<table border><tr><td>表"+n+"</td><td>B</td><tr></table>";
  var v = document.createElement("span");
  document.body.insertBefore(v,t2);
  v.innerHTML = s;
  n++;
}
</script>
</body>---- 4.htm ----
<input type=button value=test onClick="test()"><script>
function test() {
  top.a.test();
}
</script>
用javascript的out.println把需要的代码打出，然后用个变量把整个左页面的代码记录，每次记录是用code=code+(新的表格代码)，这样累加来实现，不知行不行。
xuzuning(唠叨)：
我想要的效果就是你写的那段，但还有点疑问?1>请问createElement(),insertBefore(),innerHTML对浏览器版本(IE,NS)有什么要求吗？
2>每个表格都有三个竖向排列的单元格,单击第一或第二个单元格则在rightFrame中打开页面;如果单击rightFrame中的"删除"按钮则删除leftFrame中对应的那个表格,其它表格的id值减1?这又该怎么做呢？谢谢！
1、createElement(),insertBefore(),innerHTML 在ie4及以后支持，对ns6及以后也支持
2、leftFrame中点击后给rightFrame的location赋值；删除对象可执行对象的removeNode()方法，例：t1.removeNode(true);