急求高难度问题

Question

上下两个表格，第一表格用来显示相关信息，第二表格用来显示生成物（我用软件做的捕捉），生成HTML页面。
其中页面里面类似树形结构，有节点，我是想只要一点节点，第一个表格的宽度应该随着第二个表格的宽度改变。

Answer 1

如果只是每次點擊后才更改table1的寬度，建議給table2的onclick事件中添加處理方法，類似：<style>
table {border:1px solid red;}
</style><table id="table1">
    <tr>
        <td>test</td>
    </tr>
</table><table id="table2" onclick='changeSize(document.getElementById("table1"),this)'>
    <tr>
        <td><div onclick='document.getElementById("table2").style.width="100px";'>100</div></td>
    </tr>
    <tr>
        <td><div onclick='document.getElementById("table2").style.width="200px";'>200</div></td>
    </tr>
    <tr>
        <td><div onclick='document.getElementById("table2").style.width="300px";'>300</div></td>
    </tr>
</table><script type="text/javascript">
function x(){
    var oldWidth = 0;
    return function(o,s){
        var newWidth = s.offsetWidth;
        alert(oldWidth);
        if(oldWidth!=newWidth){
            oldWidth =  newWidth;
            o.style.width = newWidth+'px';
        }
    }
}
var changeSize = x();
</script>