2011-06-09 48 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高度。

相关问题