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

Question

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【xuxujian】截止到2008-06-28 11:05:18的历史汇总数据(不包括此帖)：
发帖数:35                 发帖分:880                
结贴数:34                 结贴分:860                
未结数:1                  未结分:20                 
结贴率:97.14 %            结分率:97.73 %            
值得尊敬

Answer 1

给你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>

Answer 2

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); 
}
}