无法改变表格单元格的高度

时间:2011-06-09 15:05:46

标签: javascript

我正在尝试动态更改单元格的高度,而不是包含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'
}

3 个答案:

答案 0 :(得分:2)

更改style.property时使用“px”单位:

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

答案 1 :(得分:1)

我在FireFox 4中进行了一些测试(通过Firebug),它似乎对我有用。以下是一些需要注意的事项:

  • 请尝试仅使用数字125作为高度,而不是字符串'125px'
  • 确保包含id="eftcell"的元素是<td>元素,而不是其父<tr>
  • 查看浏览器之间的兼容性问题,也许您的浏览器不允许在height上使用<td>属性?

答案 2 :(得分:0)

需要px并且在字符串中。 HTML5也不支持TD单元格上的javascript高度。