比table动态添加行稍微复杂点,求教了~谢谢

xuxujian 2008-06-28 11:05:16

<table><tbody>
<tr>
<td>其他0</td>
<td>其他1</td>
<td>其他2</td>
<td>其他3</td>
<td>其他4</td>
</tr>
<tr>
<td id="left" rowspan="2"><p align="center">奖<br />惩<br />记<br />录<br />
<input type="button" value="增加行" onClick="addRowToTable(JCJL_table);" /><br />
<input type="button" value="删除行" onClick="removeRowFromTable();" /></p></td>
<td>标题1</td>
<td>标题2</td>
<td>标题3</td>
<td>标题4</td>
</tr>
<tr id="neirong">
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
</tr>
<tr>
<td>其他0</td>
<td>其他1</td>
<td>其他2</td>
<td>其他3</td>
<td>其他4</td>
</tr>
</tbody></table>


大家看这种样子的表格,我想动态添加的是那个“内容1,2,3,4”行

也就是动态添加:
<tr id="neirong">
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
</tr>

我自己用js:
var newTr = tbl.insertRow();
var newTd0 = newTr.insertCell();

达不到效果~~~~~~~~~~~

来这里再次求教大家了,谢谢了~~~~~~~~~~~~~~
...全文
119 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
neo_yoho 2008-06-28
  • 打赏
  • 举报
回复
给你TABLE加了个ID

<table id="JCJL_table"><tbody>
<tr>
<td>其他0</td>
<td>其他1</td>
<td>其他2</td>
<td>其他3</td>
<td>其他4</td>
</tr>
<tr>
<td id="left" rowspan="2"><p align="center">奖<br />惩<br />记<br />录<br />
<input type="button" value="增加行" onClick="addRowToTable();" /><br />
<input type="button" value="删除行" onClick="removeRowFromTable();" /></p></td>
<td>标题1</td>
<td>标题2</td>
<td>标题3</td>
<td>标题4</td>
</tr>
<tr id="neirong">
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
</tr>
<tr>
<td>其他0</td>
<td>其他1</td>
<td>其他2</td>
<td>其他3</td>
<td>其他4</td>
</tr>
</tbody></table>
<SCRIPT LANGUAGE="JavaScript">
function addRowToTable()
{
var table = document.getElementById("JCJL_table");
var left = document.getElementById("left");
left.rowSpan++;
var newTr = table.insertRow(table.rows.length-1);
newTr.insertCell().innerHTML = "内容1";
newTr.insertCell().innerHTML = "内容2";
newTr.insertCell().innerHTML = "内容3";
newTr.insertCell().innerHTML = "内容4";
}
function removeRowFromTable()
{
var left = document.getElementById("left");
if(left.rowSpan==2)
alert("无法删除");
else
{
left.rowSpan--;
var table = document.getElementById("JCJL_table");
table.deleteRow(table.rows.length-2);
}
}
</SCRIPT>
victor_woo 2008-06-28
  • 打赏
  • 举报
回复

function showProducts(xmlContents)
{
clearContent();

var contentUnits = xmlContents.getElementsByTagName("PRODUCT");

for(var j=0,n=contentUnits.length;j<n;j++){
var row = document.createElement("TR");

var rowData = contentUnits[j];

for(var i=0,k=rowData.childNodes.length;i<k;i++){
var cell = document.createElement("TD");
cell.appendChild(document.createTextNode(rowData.childNodes[i].firstChild.data));

row.appendChild(cell);
}

document.getElementById("CONTENTTABLE").appendChild(row);
}
}
周药师 2008-06-28
  • 打赏
  • 举报
回复
 alert("关注!");

87,922

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧