如何使两个表格的列宽一致？

Question

<table id=t1 bgcolor=#FFE0FF><tr><td></td></tr></table><table id=t2 bgcolor=#D00000><tr><td width=200></td></tr></table><script language=Javascript>
document.all.t1.style.width=document.all.t2.clientWidth
</script>

Answer 1

多谢多谢，不过好像需要从clientWidth中扣掉border的宽度。
如何取得Table中border的值呢？
此外，有没有办法捕获表格列宽变化的事件？

Answer 2

我已经取得border的值了，如果捕获表格列宽变化的事件呢？

Answer 3

<td id=td1>JS:
document.all.td1.clientWidth;  //可以得到某个TD的实时宽度

Answer 4

如果不嫌麻烦的话，你完全可以将第一个表格里的每个TD与第二个表格里的每个TD宽度相联系起来。

Answer 5

梅花兄的办法很好，我也能够把两个TD的宽度统一了，问题是第二个表格的TD中的数据使用javascript控制，宽度随时可能变化，每次变化我都需要调用统一宽度的方法。我怎样才能知道td的宽度已经变化了呢？

Answer 6

<table id=t1><tr bgcolor=#FFE0FF>
<td id=td1>a</td>
<td id=td2>b</td>
<td id=td3>c</td>
</tr></table><table id=t2><tr bgcolor=#D00000>
<td id=d1>这里是你的文字</td>
<td id=d2>你看看</td>
<td id=d3>会不会自动适应呀？</td>
</tr></table><script language=Javascript>
var da = document.all;
da.t1.style.width=da.t2.clientWidth;
da.td1.style.width=da.d1.clientWidth;
da.td2.style.width=da.d2.clientWidth;
da.td3.style.width=da.d3.clientWidth;
</script>