2011-06-09 65 views
0

我試圖動態更改單元格的高度,而不是包含div。現在我可以改變div的高度,很好,但是當我嘗試單元格時,它不起作用,但我沒有得到任何錯誤。任何想法,爲什麼這不起作用?無法更改表格單元格的高度

if(df0.checkbox1.checked) 
{ 
    document.getElementById('layerOne').style.visibility = 'visible'; 
    document.getElementById('layerOne').style.height = 125; 
    document.getElementById('eftcell').height = '125px' 
} 
else 
{ 
    document.getElementById('layerOne').style.visibility = 'hidden'; 
    document.getElementById('layerOne').style.height = 1; 
    document.getElementById('eftcell').height = '1px' 
} 
+0

這是「高度」..和縮進風格是可怕的! – 2011-06-09 15:10:21

+0

不知道你在說什麼,我正在使用「身高」 – Limey 2011-06-09 15:17:16

+0

原文並非標題中的文字。 – 2011-06-09 15:30:22

回答

1

我做了一些在火狐4(通過螢火蟲)的測試,它似乎爲我工作。這裏有一些事情要查找:

  • 嘗試使用剛剛數量125的高度,而不是字符串'125px'
  • 確保與id="eftcell"的元素是<td>元素,而不是它的父<tr>
  • 查看瀏覽器之間的兼容性問題,也許您的瀏覽器不允許<td>上的height屬性?
+0

我確實在單元格上設置了ID,而不是行,並且我嘗試了125和'125px',但都沒有效果。 – Limey 2011-06-09 15:19:41

+0

難道是表格單元格應用了額外的CSS樣式嗎?內聯樣式規則將覆蓋'​​'元素上的'height'屬性。 – SubmittedDenied 2011-06-09 15:27:32

+0

認爲我發現了這個問題。我正在重新設置DIV的大小,但它的縮小比它內部的元素還小。我知道我可以把它的大小變成毫無意義,但正如我記得的那樣,我需要改變一個設置。 – Limey 2011-06-09 15:34:16

2

改變style.property時,使用 「PX」 單位:

document.getElementById('layerOne').style.height = "125px"; 
document.getElementById('eftcell').height = 125; 
+0

是的,是正確的我應該有px和風格,但他們沒有立即拋出錯誤,所以我想我會擔心這個後來;) – Limey 2011-06-09 15:38:22

0

需要px和字符串。此外,HTML5不支持TD單元格上的JavaScript高度。

相關問題