下面代码如何控制表格各单元格同时放大多少倍

Question

<style>
<!--
.tb11        { width: 11; height: 11 }
.tb33        { width: 33; height: 11 }
.tb22        { width: 22; height: 11 }
-->
</style>
<script type="text/javascript"><!--
function addWidth(){
var tds=document.getElementsByTagName("td");

for (var i=0;i<tds.length;i++){
tds[i].style.width = tds[i].offsetWidth*3/2;

} 
}
//--></script>
</head><table border="1">
    <tr>
        <td class=tb11>　</td>
        <td class=tb22>　</td>
        <td class=tb33>　</td>
    </tr>
    <tr>
        <td >　</td>
        <td>　</td>
        <td>　</td>
    </tr>
</table><p>
  <input type="submit" name="Submit" value="提交" onclick="addWidth()">
</p>