如何使用JavaScript更改表格中的列寬？

我試圖在用戶單擊圖像時切換表格中兩列的寬度。我甚至在點擊時使用JavaScript，如果我將新列寬設置爲％，但它似乎無法使用px或em，這是我希望用來更好地控制列的工具。這是我正在使用的代碼：如何使用JavaScript更改表格中的列寬？

<img alt="Change Widths" title="Switch column widths" src="/*images_path*/*image*.png" onclick="for (j=1;j<=200;j++){document.getElementById('cola'+j).style.width = '60%'; document.getElementById('colb'+j).style.width = '28%';}" onmouseover="this.style.cursor='pointer';"/>

我使用的Firefox是有所作爲。誰能幫我？

來源

2011-02-18 Richard Young

如果你想減少細胞的大小，如果你試圖把它降低到一個你可能會遇到麻煩大小小於所包含文本的寬度。我建議在你的單元格上設置「overflow：hidden」和「white-space：nowrap」。但請注意，這將最終隱藏溢出單元格的內容。 – 2011-02-18 14:00:32

嘗試使用的document.getElementById（）。寬度，而不是.style.width

來源

2011-02-18 14:02:58 Yasen

它的工作對我來說，在表格的TD上選擇一個ID來改變和設置.width到一個px值。我從來沒有使用過.style.width，只是.width。

來源

2011-02-18 13:58:53 TomCDona

如何使用JavaScript更改表格中的列寬？

回答

相關問題