js 自动添加列?????

我现在想实现这样一个功能：在一个现有的一行两列的表格中，点击添加按钮，能够自动的在原来的表格的右边添加一行两列，请高手帮忙，js 我该怎么写啊？？？？？在线等．？？？？？？？？？？？js:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE></TITLE>
 </HEAD> <BODY>
  <table id="table1" align="center" border=1>
<tr>
<td style="" align="center" colspan="2">111</td>
</tr>
<tr>
<td align="center" width="90"   class="">222</td>
<td align="center" width="120"  class="">333</td>
</tr>
  </table>
   <table id="table1" align="center" border=1>
<tr>
<td> <input type="button" name="add" onclick="addrow()"  value="添加"/></td>
</tr>
　</table> </BODY>
</HTML>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE></TITLE>
      <style>
      #mylocation table{
        float:left;
       }
      </style>
     </HEAD> <BODY>
     <div id="mylocation">
      <table id="table1" align="center" border=1>
    <tr>
    <td style="" align="center" colspan="2">111</td>
    </tr>
    <tr>
    <td align="center" width="90" class="">222</td>
    <td align="center" width="120" class="">333</td>
    </tr>
      </table></div>
      
      <br/>
      <table id="table1" align="center" border=1>
    <tr>
    <td> <input type="button" name="add" onclick="addrow()" value="添加"/></td>
    </tr>
    　</table>
    <Script>
    addrow = function(){
    var s = '<table id="table1" align="center" border=1><tr><td style="" align="center" colspan="2">111</td></tr><tr><td align="center" width="90" class="">222</td><td align="center" width="120" class="">333</td></tr>';
    var l = document.getElementById("mylocation");
    l.innerHTML += s;
    }
    </Script>
     </BODY>
    </HTML>
      

  2.   

    楼上的楼上不是正解！
    楼主要的时动态添加 不是重写table 以下需要引入jquery
    <HTML>
     <HEAD>
      <TITLE></TITLE>
      <script src="jquery.js">
      
      </script>
      <script>
      function addrow(){
      var td='<td style="" align="center" rowspan="2">111</td>';
      $('#row1').append(td).append(td);
      }
      </script>
      
     </HEAD> <BODY>
      <table id="table1" align="center" border=1>
    <tr id=row1>
    <td style="" align="center" colspan="2">111</td>
    </tr>
    <tr>
    <td align="center" width="90" class="">222</td>
    <td align="center" width="120" class="">333</td> 
    </tr>
      </table>
      <table id="table2" align="center" border=1>
    <tr>
    <td> <input type="button" name="add" onclick="addrow()" value="添加"/></td> 
    </tr>
    　</table> </BODY>
    </HTML>
      

  3.   

    我的回复的意思就是加个列这么麻烦不如加个table吧