如何动态修改表格中的TD的ColSpan？

Question

<table border="1">
<tr>
<td id="td" colspan="2">aaaaaaaaaa</td>
</tr>
<tr>
<td>bbbbbbbb</td><td>dddddddddd</td>
</tr>
</table>
<button onclick="kiss()">gooooooo</button>
<script language="JavaScript">
<!--
function kiss()
{
  document.all.td.colSpan = "1";
}
//-->
</script>

Answer 1

<SCRIPT language="javascript">
function merge(oTable) 
{
var oTr = oTable.rows[0];
oTd1 = oTr.cells[0];
oTd2 = oTr.cells[1];
oTr.removeChild(oTd2);
oTd1.colSpan = 2;
}
</SCRIPT><FORM>
<TABLE id="table1" width="200" border="1">
  <TR>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </TR>
  <TR>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
  </TR>
</TABLE><BR>
<INPUT type="button" onClick="merge(document.all.table1)" value="change">
</FORM>

Answer 2

多谢 原来是把colspan的S要大写！！！