动态更新<table>的height问题

Question

我测试了一下应该是可以动态修改的
<table   id="table0"   style="   height:'500px';   width:'768'>
    <tr>    
    <td   > <   iframe     name="left"     src="   Left*.asp"   style="HEIGHT:   100%;   WIDTH:   183px'"> </iframe> </td>
      <td   height=100%   width="1"   bgcolor="#999999"> </td>
      <td> <iframe     name="main"     src="   main*.asp"   style="HEIGHT:   100%;   WIDTH:   584px"> </iframe> </td>
    </tr>
</table> 
<div  onclick="javascript:document.getElementById('table0').style.height='700'">asdfasdfasfdas</div>