如何动态修改 table ？

gxd305 2006-04-11 08:29:58

在程序中我想动态的修改一个table

插入一行，程序中该如何实现？

谢谢！
我是这样做的：
其中：element 是一个已知的tr 节点我想在这个节点下面添加一行：
var new_tr_node =
document.createElement("<tr height = 20><td colspan = 6 >zhongguoren</td>/tr>");

element.parentNode.insertBefore(new_tr_node,element.nextSibling);

Thanks!

...全文

244 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

GaoXX 2006-04-15

打赏
举报

顶一下

BlueDestiny 2006-04-12

打赏
举报

<body>
用鼠标点击看
<table width="100%" border="1" cellspacing="0" cellpadding="0" id=t>
<tr>
<td>s</td>
<td>d</td>
</tr>
<tr>
<td>f</td>
<td>e</td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
document.onclick=function()
{
var tr=t.insertRow(t.rows.length);
var td
for(var i=0;i<t.rows[0].cells.length;i++)
{
td=tr.insertCell();
td.innerHTML=Math.random()+"";
}
}
</SCRIPT>
</body>

BlueDestiny 2006-04-12

打赏
举报

<body>
用鼠标点击看
<table width="100%" border="1" cellspacing="0" cellpadding="0" id=t>
<tr>
<td>s</td>
<td>d</td>
</tr>
<tr>
<td>f</td>
<td>e</td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
document.onclick=function()
{
var tr=t.insertRow(t.rows.length);
var td
for(var i=0;i<t.rows[0].cells.length;i++)
{
td=tr.insertCell(i);
td.innerHTML=Math.random()+"";
}
}
</SCRIPT>
</body>

BlueDestiny 2006-04-12

打赏
举报

to luoying_81() :

insertCell IE only???还没听过这回事

oTD = TR.insertCell( [iIndex])

This method is defined in World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 .

你用ff打开看看
<table width="100%" border="1" cellspacing="0" cellpadding="0" id=t>
<tr>
<td>s</td>
<td>d</td>
</tr>
<tr>
<td>f</td>
<td>e</td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
document.getElementById("t").insertRow(2).insertCell(0).innerHTML="blueDestiny";
</SCRIPT>

ybcola 2006-04-12

打赏
举报

<SCRIPT LANGUAGE="JavaScript">
document.onclick=function()
{
var obj=document.getElementById("t");
var trr=document.createElement("tr");
for(var i=0;i<obj.rows[0].cells.length;i++)
{
var tdd=document.createElement("td");
tdd=trr.appendChild(tdd);
}
obj.appendClild(trr);
}
</SCRIPT>