table转成div的Javscript代码

我在html中画了一个table，并根据需要对这个table中某些td进行了合并，现在我想通过写代码把处理后的table自动以div的形式显示出来，请问怎么办？
别跟我说各种工具，我想要实实在在的代码（JS或者C#的）。谢谢～

解决方案 »

  1.   


    <html>
    <head>
    <style type="text/css">
    #layout{
    margin:0;padding:0;width:600px;height:auto;float:left;border:1px solid #c00;
    }
    #topColumn2{
    margin:0;padding:0;width:auto;height:auto;float:left;
    }
    #topColumn2 ul{
    margin:0;padding:0;width:auto;height:auto;
    }
    #topColumn2 ul li{
    margin:0;padding:0;width:200px;height:99px;float:left;list-style:none;border:1px solid #ddd;
    }
    #topRow3{
    margin:0;padding:0;width:180px;height:300px;float:right;border:1px solid #ddd;
    }
    #middleColumn1{
    margin:0;padding:0;width:400px;height:100px;float:left;border:1px solid #ddd;
    }
    #bottomcolumn2{
    margin:0;padding:0;width:auto;height:auto;float:left;
    }
    #bottomcolumn2 ul{
    margin:0;padding:0;width:400px;height:auto;
    }
    #bottomcolumn2 ul li{
    margin:0;padding:0;width:200px;height:100px;float:left;list-style:none;border:1px solid #ddd;
    }
    </style>
    </head>
    <body>
    <table width="769" border="1" cellpadding="0" cellspacing="0">  
      <!--DWLayoutTable-->  
      <tr>  
      <td width="269" height="99" valign="top">1 </td>  
      <td width="308" valign="top">2 </td>  
      <td width="192" rowspan="3" valign="top">6 </td>  
      </tr>  
      <tr>  
      <td height="107" colspan="2" valign="top">3 </td>  
      </tr>  
      <tr>  
      <td height="144" valign="top">4 </td>  
      <td valign="top">5 </td>  
      </tr>  
    </table>  
    <hr/>
    <div id="layout">
    <div id="topColumn2">
    <ul>
     <li>1</li>
     <li>2</li>
    </ul>
    </div>
    <div id="topRow3">6</div>
    <div id="middleColumn1">3</div>
    <div id="bottomcolumn2">
    <ul>
     <li>4</li>
     <li>5</li>
    </ul>
    </div>
    </div>
    </body>
    </html> 楼主试试
      

  2.   

    看到了，你是怎么变的啊。我希望是在table边上有一个按钮，一点这个按钮，我设计的table就自动转换成Div的显示模式。
      

  3.   

    div不能完全替代Table的，所谓的div样式的表格，只是简单的行和简单的列，