日期:2014-05-17  浏览次数:20612 次

table 转 div 输出结果???
大家好!
    下边的table   怎么转   div   格式呢??
----------------------------------------------
如:  
<TABLE>
<TR>
<TD> 1 </TD>
<TD> 2 </TD>
</TR>
<TR>
<TD> 3 </TD>
<TD> 4 </TD>
</TR>
</TABLE>
----------------------------------------------
<div>
      <div> 1 </div>
      <div> 2 </div>
</div>
<div>
      <div> 3 </div>
      <div> 4 </div>
</div>
这样效果不一样   怎么转呢?   请大家多多指教!谢谢

------解决方案--------------------
var s = document.all.atable.outerHTML;
s = s.replace(/table/g, 'div ')
s = s.replace(/tr/g, 'div ')
s = s.replace(/td/g, 'div ')
document.all.atable.outerHTML = s;

是这个意思吗?
------解决方案--------------------
要用到css: float
<div>
<div style= "float:left;width:49%; "> 1 </div>
<div style= "float:left;width:49%; "> 或float:right </div>
</div>
<div>
<div style= "float:left;width:49%; "> 3 </div>
<div style= "float:left;width:49%; "> 4 </div>
</div>
这个只是个例子,变化很多