有关TD:colSpan问题

Question

<script language="javascript">
function aa()
{
    if (tab.rdi2.checked==true)
    {
         tab.rows("tr1").cells("td1").colSpan=1;
         tab.rows("tr1").cells("td2").style.display="block";
         tab.rows("tr1").cells("td3").style.display="block";
    else{
         tab.rows("tr1").cells("td1").colSpan=3;
         tab.rows("tr1").cells("td2").style.display="none";
         tab.rows("tr1").cells("td3").style.display="none";    }
    }
}
</script>
<table id="tab">
<input id="rdi1" type="radio" value="1" name="rdi" onclick=javascript:aa()>1
<input id="rdi2" type="radio" value="2" name="rdi" onclick=javascript:aa()>2
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr id="tr1">
    <td>1</td><td id="td1" colspan="3">2</td>
    <td id="td2" style=display:none>3</td>
    <td id="td3" style=display:none>4</td>
</tr>
</table>
上面的问题在哪里，为什么不能改变colSpan的值，请高手指点，谢谢

Answer 1

<script language="javascript">
function aa()
{
    if (tab.rdi2.checked==true)
    {
         tab.rows("tr1").cells("td1").colSpan=1;
         tab.rows("tr1").cells("td2").style.display="block";
         tab.rows("tr1").cells("td3").style.display="block";
    }
    else{
         tab.rows("tr1").cells("td1").colSpan=3;
         tab.rows("tr1").cells("td2").style.display="none";
         tab.rows("tr1").cells("td3").style.display="none"; 
    }
}
</script>
<table id="tab">
<input id="rdi1" type="radio" value="1" name="rdi" onclick=javascript:aa()>1
<input id="rdi2" type="radio" value="2" name="rdi" onclick=javascript:aa()>2
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr id="tr1">
    <td>1</td><td id="td1" colspan="3">2</td>
    <td id="td2" style=display:none>3</td>
    <td id="td3" style=display:none>4</td>
</tr>
</table>
上面的问题在哪里，为什么不能改变colSpan的值，请高手指点，谢谢...
来帮帮忙，大虾们！！！！！！！！

Answer 2

<script language="javascript">
function aa()
{
    if (document.all('rdi2').checked==true)
    {
         tab.rows[1].cells[1].colSpan=1;
         tab.rows[1].cells[2].style.display="block";
         tab.rows[1].cells[3].style.display="block";
    }
    else{
         tab.rows[1].cells[1].colSpan=3;
         tab.rows[1].cells[2].style.display="none";
         tab.rows[1].cells[3].style.display="none"; 
    }
}
</script>
<input id="rdi1" type="radio" value="1" name="rdi" onclick=javascript:aa()>1
<input id="rdi2" type="radio" value="2" name="rdi" onclick=javascript:aa()>2
<table id="tab" border=1>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr id="tr1">
    <td>1</td><td id="td1" colspan="3">2</td>
    <td id="td2" style=display:none>3</td>
    <td id="td3" style=display:none>4</td>
</tr>
</table>

Answer 3

document.all('rdi2').checked
可以换成：
document.all.rdi2.checked