如何使textarea與表格對齊並檢索表格的高度

Question

我有一張表格，其中可以添加行和列以及從中刪除行和列。我想把一個textarea放在它的邊上，這個textarea的大小和桌子一樣大，所以看起來不錯。我不得不提問。首先是讓它出現在桌子的右側（假如有空間的話，如果沒有的話）。

我已經嘗試在表格上設置樣式爲display: inline-table，它確實使textarea（DOM中的表格的兄弟）顯示在右邊，但它不在IE9，Opera或Firefox瀏覽器。 textarea站在桌子上。適用於Webkit。 Webkit在右下角還有一個很好的抓取工具，可以讓我調整大小。

如果我使用display: inline-block它現在可以在Firefox中使用。依然在IE9和Opera中破碎。

對於動態調整大小，我可以調用一個函數在每次表更改時調整它的大小。

如何檢索表格或其他元素的大小（像素單位或其他單位）？

小提琴示範問題：http://jsfiddle.net/7jKDm/4/

Answer 1

var height = document.getElementById('tbl').clientHeight; 

似乎這樣的伎倆。我相信它是以像素爲單位的。

至於讓它與表對齊，你可以在你的表的最後一列保存這個textarea和rowspan整個表，或者你可以設置列div，其中有很多與谷歌教程搜索。

好像this person也得到了它的使用.offsetHeight