在JS中给表格赋高度出问题了

Question

用嵌套，将 tableID1  和tableID2 放入另外一个表格一行的两列，然后将height="100%";即可！
很简单把！！嗬嗬！
<table>
<tr>
<td width="50%">
<table id="table1" height="100%">.....</table>
</td>
<td width="50%">
<table id="table2" height="100%">....</table>
</td>
</tr>
</table>

Answer 1

楼上老兄的方法确实是简单又实用.可不能用在我的这种情况下啊
我本来两个表格都是套在一个大表格之下的.一个表格放在一个TD里面的.
问题是我的tabaleID1和tableID2都不止一行啊,它们都有很多行啊,而且它们的行数都不确定的,是显示数据表的,行数是由数据表里面的记录循环列出来的,所以不能象老兄讲的那样做啊

Answer 2

<input type=button value=等高 onclick=changeHeight()>
<table>
<tr>
<td>
<table border=1 id=theTable1>
<tr><td>fdsafdsa</td></tr>
<tr><td>fdsa<br>fdsa</td></tr>
<tr><td>fdsa<br>fdsa</td></tr>
<tr><td>fdsafdsa</td></tr>
<tr><td>fdsafdsa</td></tr>
</table>
</td>
<td>
<table border=1 id=theTable2>
<tr><td>fdsa<br><br>fdsa</td></tr>
<tr><td>fdsafdsa</td></tr>
<tr><td>fdsafdsa</td></tr>
<tr><td>fdsa<br>fdsa</td></tr>
<tr><td>fdsafdsa</td></tr>
</table>
</td>
</tr>
</table><script>
function changeHeight()
{
for(var i=0;i<theTable1.rows.length;i++)
{
theTable1.rows[i].height=theTable2.rows[i].offsetHeight;
theTable2.rows[i].height=theTable1.rows[i].offsetHeight;
}}
</script>

Answer 3

多谢JK了,又帮我解决了一个问题.offsetHeight这个东东在JK兄的例子中出现的频率很高,我找了找这个的说明,都讲得不是很清,老兄能不能帮我贴一个关于offsetHeight用法的详细说明出来?谢谢!

Answer 4

Sorry,JK也是一知半解，帮不上忙