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

nawala 2003-02-22 06:55:43

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

页面由左右两个ifame组成,初始时leftFrame中有两个靠在一起竖向排列的table1,table2
在rightFrame中单击一个按钮则在leftFrame中table1和table2之间动态插入table3,再单击按钮则在table3和table2之间动态插入table4,以此累推......

...全文

72 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

xuzuning 2003-02-24

打赏
举报

1、createElement(),insertBefore(),innerHTML 在ie4及以后支持，对ns6及以后也支持
2、leftFrame中点击后给rightFrame的location赋值；删除对象可执行对象的removeNode()方法，例：t1.removeNode(true);

xuzuning 2003-02-23

打赏
举报

是这个意思吗？
---- 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>

叶子哟 2003-02-23

打赏
举报

不好弄！呵呵！竖的

逍遥小贼 2003-02-23

打赏
举报

正需要做这方面的东西，关注一下

nawala 2003-02-23

打赏
举报

看清楚的问题呀？我要有规律地动态插入表格？

nawala 2003-02-23

打赏
举报

xuzuning(唠叨)：
我想要的效果就是你写的那段，但还有点疑问?

1>请问createElement(),insertBefore(),innerHTML对浏览器版本(IE,NS)有什么要求吗？
2>每个表格都有三个竖向排列的单元格,单击第一或第二个单元格则在rightFrame中打开页面;如果单击rightFrame中的"删除"按钮则删除leftFrame中对应的那个表格,其它表格的id值减1?这又该怎么做呢？

谢谢！

terry17 2003-02-23

打赏
举报

用javascript的out.println把需要的代码打出，然后用个变量把整个左页面的代码记录，每次记录是用code=code+(新的表格代码)，这样累加来实现，不知行不行。

nawala 2003-02-23

打赏
举报

no!

wanghr100 2003-02-22

打赏
举报

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年

Estyle 2003-02-22