调试易

跨行要设置的是rowspan，然后再删除它下面的单元格。

较为复杂的insertRow 与 insertCell insertRow加入一列(TR) insertCell加入一行(TD) 看下边个表格，它显示出来状态是：
<table width="300" border="1">
        <tr> 
                <td> </td>
                <td rowspan="2"> </td>
        </tr>
        <tr> 
                <td> </td>
        </tr>
</table>分析下： 
<table width="300" border="1">
<tr>
<td> </td>
<td rowspan="2">
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
其中， 我们已经有一个 table了（假设）。
那么 <table id="oTable"> 
则： var getTb= document.getElementById("oTable"); 
将它取成object，然后我们向它添加表格，根据：
<tr>                 
<td> </td>
<td rowspan="2"> </td>
</tr> 我们知道，要先添加一个 tr，var getTb= document.getElementById("oTable"); var crTR = getTb.insertRow(); //行已经加完了，我们再加一个包含td和另一个带rowspan=2的TD，当然，是在TR的基础上; var crTDa = crTR.insertCell();//第一个TD var crTDb = crTR.insertCell(); //第二个TD,带rowspan=2      
crTDb.rowSpan=2; //设成 rowspan=2; //按上边的table code，我们应继续写一个tr与td来对应上边的插入。则 var croTR = getTb.insertRow(); //再插入一个TR var croTD = croTR.insertCell(); //TD,对应上边的rowspan=2的TD //添加完了，写点内容吧。 crTDa.innerHTML="好<br>的"; 
crTDb.innerHTML="2好1<br>1的2"; 
croTD.innerHTML="另一个TD啊。<br>HOHOHOHO"; 我们来整理一下吧。：）<table width="300" border="1" id="oTable">
        <tr> 
                <td>原来的1</td>
                <td rowspan="2">原来的2</td>
        </tr>
        <tr> 
                <td>原来的3</td>
        </tr>
</table><script language="JavaScript">
function intt()
{
var getTb= document.getElementById("oTable");
var crTR = getTb.insertRow(); //行已经加完了，我们再加一个包含td和另一个带rowspan=2的TD，当然，是在TR的基础上;
var crTDa = crTR.insertCell(); //第一个TD
var crTDb = crTR.insertCell(); //第二个TD,带rowspan=2
     crTDb.rowSpan=2; //设成 rowspan=2;
//按上边的table code，我们应继续写一个tr与td来对应上边的插入。则
var croTR = getTb.insertRow(); //再插入一个TR
var croTD = croTR.insertCell(); //TD,对应上边的rowspan=2的TD
//添加完了，写点内容吧。
crTDa.innerHTML="这里是JS插入的1";
crTDb.innerHTML="这里是JS插入的2";
croTD.innerHTML="这里是JS插入的3";
}
intt();
</script>
<button onclick="intt();"></button>

借问一下 PoPoTang(PoPoTang)，如果再要动态删除一个tr，该怎么做？
可以开帖加分